このテキスト入力があります
<input id="searchInput" type="text" value="Search Here" />
誰かが何かを入力すると、入力の値、つまり「ここで検索」を削除したい... jQueryまたはjavascriptでこれを行うにはどうすればよいですか?
このテキスト入力があります
<input id="searchInput" type="text" value="Search Here" />
誰かが何かを入力すると、入力の値、つまり「ここで検索」を削除したい... jQueryまたはjavascriptでこれを行うにはどうすればよいですか?
プレースホルダー テキストを使用するだけです
<input id="searchInput" type="text" placeholder="Search Here" />
http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute
jQuery ということで、jquery-watermarkは良いプラグインです。
ブラウザの機能に関係なく、透かしが追加されます。
ブラウザーがサポートしている場合はプレースホルダーを使用し、サポートしていないブラウザーで dom 要素を作成するようにフォールバックします。
$('#searchInput').watermark('Search Here');
ブラウザーが HTML5 機能を提供している場合は、単純にplaceholder
属性を使用できます。
ただし、ユーザー エージェントが HTML5 機能を提供しない場合は、onfocus
およびを使用できますonblur
。
コードに Placeholder を使用できます。
<input id="searchInput" type="text" placeholder="Search Here" />
ここに実用的なフィドルがあります