テキスト入力用のプレースホルダーhtmlタグをサポートしているブラウザーは何ですか? Internet Explorerはサポートしていますか? (JavaScriptプレースホルダーがあり、それをサポートしていないブラウザーで使用できます。)
<input type=TEXT placeholder="placeholder here" />
現在、IE 9以前およびOpera mini。
更新については、 w3schools-specs をご覧ください。さらに良いのは、この overview をご覧ください。
興味のある方は、これが私が使用するjQueryフォールバックです
jQuery Validation Engineで使用します。
FORMCLASSをフォームのクラスに置き換えます。
<!-- IF IE - use Placeholder Fallback -->
<!--[if lt IE 10 ]>
<script>
$(".FORMCLASS").find('[placeholder]').each(function(){
$(this).val($(this).attr('placeholder'));
$(this).focus(function() {
if ($(this).attr('placeholder')==$(this).val()) {
$(this).val('');
}
});
});
</script>
<![endif]-->
Firefoxは4.0以降もサポートしています
IEはプレースホルダーをサポートしていません
私はこのコードをより良く感じ、すべての主要なブラウザで動作します
<input id="example-email" type="text" value="Email Address" onfocus="if(this.value === 'Email Address') this.value = '';" onblur="if(this.value === '') this.value = 'Email Address';" name="example-email">
質問は数年前に答えられたかもしれませんが、私は今日検索をしてそれを見つけました。
良いリファレンスと写真は以前提供されていなかったので、私は両方でこの質問を更新しています。
HTML5プレースホルダー属性 基本的に言う:
プレースホルダー属性は、Internet Explorerを除くすべての主要なブラウザーでサポートされています。
FYI:これにはIE9が含まれます。
サポートされていないブラウザ向けのHTML5プレースホルダに似たソリューションを誰かが探している場合は、こちらの記事を参照してください。
http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/
最も簡単なソリューションが必要な場合は、組み込み機能を使用してください!
<input type="text" name="email" value="Email Address" placeholder="Email Address" onfocus="if(this.value==this.placeholder) this.value=''" onblur="if(this.value=='') this.value=this.placeholder">
chromeおよびIE8 :)でテスト済み
注:実行時に値とプレースホルダーを変更することにより、入力を検証し、フィールド自体の内部でフィードバックを提供するために、これをより多くのjavascriptで使用します。
私はそれが古い質問であることを知っています。私の提案は、プレースホルダーサポートの検出にModernizrを使用することです。 https://modernizr.com/