「プレースホルダ」に使用するjQueryプラグインはどれですか？

Question

ウェブ上では、ほとんどのサイトに検索ボックスがあります。これらの検索ボックスの一部に検索があります。検索ボックスにカーソルがセットされると、このテキストが表示されたプレースホルダテキストが表示されます。これはjQueryで行われますか？もしそうなら、私はそれをどのように使うことができますか？

Answer 1

これを行うためのプラグインは必要ありません。

あなたは何もデフォルト値

を返す入らない場合は、）（ブラーに、テキストボックスをクリア（.focusをバインド）し、フォーカス上の入力ボックス

（の.blur（）の状態）しなければなりませんこのデモを確認してください。

http://jsfiddle.net/QvPCX/

HTML

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

JS

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

Answer 2

これはプレースホルダと呼ばれるHTML5の特徴であり得ます。 JavaScript（see proof）は必要ありません。それは次のように機能します：

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

here。

Answer 3

HTML5には、これをネイティブに処理する新しいplaceholder属性があります。何らかの理由でHTML5を使用できない場合は、http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html