プレースホルダはすべてのブラウザで正常に動作していない

可能性の重複：私は、ログインポップアップボックスを作成していると私は入力フィールド名を表示するためにプレースホルダを使用しますが、他で
How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?プレースホルダはすべてのブラウザで正常に動作していない

IE9,IE8、さらにIE10のようなブラウザでは、入力にプレースホルダテキストが表示されません。

この問題を解決するにはどうすればよいですか？入力フィールドを埋める他の方法はありますか？

<input name="username" type="text" value="" placeholder="Username" />

出典

2012-05-04 Muzammil Hussain

http://stackoverflow.com/q/3429520/1367163 – Chandrakant

placeholder新しいHTML5-機能の一部であり、完全に今までのすべてのブラウザでサポートされていませんWICH。詳細については、確認してください。

http://caniuse.com/#search=placeholder（より多くのHTML5/CSS3-機能：http://caniuse.com/）
http://wufoo.com/html5/attributes/01-placeholder.html（もっとHTML5-機能：http://wufoo.com/html5/）

EDIT：
あなたの場合jQueryを使用している場合は、IE6までのすべてのブラウザのサポートを追加するthis little pluginがあります。

出典

2012-05-04 10:58:59 oezi

OEZIは、すべてのブラウザでサポートされているとは言いませんでした。

が、この代わりに

<input name="username" type="text" value="" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" />

出典

2012-05-04 11:03:41

デフォルト値とプレースホルダが** **等価ではありません使用することができます。 – Quentin

Quentin氏は、これはフォームプレースメントで "placeholder" -textを値として送信し、html5プレースホルダとは異なるため、送信に追加のチェックが必要な可能性があります（必要なフィールド"placeholder"が表示されている場合、入力は空ではありません） – oezi

はい私は知っていますが、それほど大きな問題ではありません。あなたは簡単にそれを処理することができます。 –

プレースホルダは、今までIE8でサポートされていませんしてみてください。あなたは

<input type="text" name="username" onfocus="if(this.value=='Username') this.value='';" onblur="if(this.value=='') this.value='Username';" />

出典

2012-05-04 11:04:08 Jhilom

デフォルト値とプレースホルダは**同等ではありません**。 – Quentin

Quentin氏は、これはhtml5プレースホルダとは異なり、フォームプレースメントで値として「プレースホルダ」-textを送信するため、送信時に追加のチェックが必要な可能性があります（必要なフィールドの場合は - "プレースホルダ"が表示されている場合、入力は空ではありません） – oezi

プレースホルダはすべてのブラウザで正常に動作していない

答えて

関連する問題