首頁>Program>source

我不知道它是否有一个特殊的名稱,但是是否有一種很好的簡便方法来在輸入欄位中設置預設文字,如果文字框為空,该欄位会在焦點消失而在模糊時重新出現?

最新回復
  • 13天前
    1 #

    這个詞是 WATERMARK

    http://plugins.jquery.com/project/watermark

    http://digitalbush.com/projects/watermark-input-plugin/

    http://cysemic.com/2008/12/very-simple-textbox-watermark-using-jquery/

    除非您有足够的時間进行開發和測試,否則我建議您使用插件.編寫此代碼時,有很多問题和副作用需要註意。

    威兹威兹

  • 13天前
    2 #

    您可以使用新的HTML5佔位符屬性。

      Validate the field as 'empty' when it contains the watermark text. Thus distinguish the watermark text from inputted text.

      Not submitting the watermark text.

      Prevent the user to type in the watermark text itself :)

      Styling the watermark text.

      etc, etc....

    :进行了更新,以使用更多HTML5 / jQuery热度,HTML5資料儲存。

    Edit
    

    這將在所有現代瀏覽器上執行.並在IE中正常降級.但是,對於IE,您必须使用javascript。

    <input type="text" placeholder="type here" data-placeholder-text="type here" />
    

  • 13天前
    3 #

    该功能被稱為水印,可以通過多種方式實現,其中之一是

    $(document).ready(function() {
        var $input = $('#id_of_input_element');
        $input.focus(function() {
            if($(this).val() == $(this).data('placeholder-text')) { 
                $(this).val('') 
            }
        }).blur(function() {
            if($(this).val() == '') {
                $(this).val($(this).data('placeholder-text'));
            }
        }).trigger('blur');
    }):
    

    這將適用於電子郵件文字框。

  • 13天前
    4 #

    這是解決方法。

    onfocus="if(this.value=='Enter Email')this.value=''"
    onblur="if(this.value=='')this.value='Enter Email'"
    

  • 13天前
    5 #

    您可以尝試以下方法:使用title屬性儲存預設文字

    $(".defaultText").focus(function(srcc)
    {
        if ($(this).val() == $(this)[0].title)
        {
            $(this).removeClass("defaultTextActive");
            $(this).val("");
        }
    });
    $(".defaultText").blur(function()
    {
        if ($(this).val() == "")
        {
            $(this).addClass("defaultTextActive");
            $(this).val($(this)[0].title);
        }
    });
    $(".defaultText").blur();
    

    });

    $(function(){ $(".makedefault").bind("blur",function(){ if($(this).val().length == 0) { $(this).val($(this).attr('title')); } }); $(".makedefault").bind("focus",function(){ if($(this).val() == $(this).attr('title')) { $(this).val(""); } });

  • 有没有一種方法可以使用emacs安裝R軟體包?
  • python:从Mako模板輸出(塔)中去除空格