哪個jQuery插件應該用於「佔位符」？

在網絡上，大多數網站都有搜索框。其中一些搜索框有一個搜索...佔位符文本，當光標在搜索框中設置此文本出現。這是用jQuery完成的嗎？如果是這樣，我該如何使用它？哪個jQuery插件應該用於「佔位符」？

來源

2011-11-08 pico

不需要插件來做到這一點。

必須綁定.focus（）和.blur（）輸入框

焦點（）清除文本框，上模糊（），如果沒有進入返回默認值

的狀態檢查這個演示。

http://jsfiddle.net/QvPCX/

HTML

<input type="text" name="search" id="search" value="Search.." />

jQuery('input[name="search"]').focus(function() { 
     if (jQuery(this).val() == "Search..") { 
      jQuery(this).val(''); 
     } 
    }).blur(function() { 
     if (jQuery(this).val() == "") { 
      jQuery(this).val('Search..'); 
     } 
    });

來源

2011-11-08 10:29:08 John

這叫做佔位可能是HTML5功能。它不需要JavaScript（see proof）。它的工作原理是這樣的：

<input type="text" placeholder="search" name="search" />

或者，你可以只使用一些擴展列出例如。 here。

來源

2011-11-08 10:29:32 Tadeck

HTML5中有一個新的placeholder屬性，它在本機處理此問題。如果你無法使用HTML5，無論什麼原因，這裏有一個jQuery的後備可用：http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

來源

2011-11-08 10:29:46

我怎樣才能在舊瀏覽器中使用HTML 5的大部分標籤工作？ thz爲您的評論。 – pico

要使用HTML5，您只需更改頁面的文檔類型。但是請注意，除非您使用HTML5shiv或衍生產品，否則這可能會導致舊版瀏覽器發生錯誤。如果你需要支持舊瀏覽器，我建議在我發佈的鏈接中使用jquery方法。 –

哪個jQuery插件應該用於「佔位符」？

回答

相關問題