[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します。 HTML5対応ブラウザでは、「placeholder」の値がテキストフィールドに表示されます。 <form class="form"> <p><input type="text" placeholder="Your name please"></p> <p><input type="text" placeholder="Enter your email"></p> <p><input type="search" placeholder="Search"></p> <p><textarea placeholder="Write your comments here"></textarea></p> <

[kana321]

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します

[yuu_goto]

プレースホルダーテキスト未対応ブラウザへの実装方法と、webkitの<input type=search>のスタイルを消す方法。

[nors]

http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text

[site159]

サファリの検索デフォルトスタイルのリセット方法も

[kkeisuke]

フォーム hint

[hama_shun]

webkit の type="search" スタイルを消す方法も。

[Donca]

✔ [JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法