web-dev-qa-db-ja.com

HTMLプレースホルダーブラウザーの互換性

テキスト入力用のプレースホルダーhtmlタグをサポートしているブラウザーは何ですか？ Internet Explorerはサポートしていますか？ （JavaScriptプレースホルダーがあり、それをサポートしていないブラウザーで使用できます。）

<input type=TEXT placeholder="placeholder here" />

htmlbrowserplaceholder
41
NoodleOfDeath

現在、IE 9以前およびOpera mini。

更新については、 w3schools-specs をご覧ください。さらに良いのは、この overview をご覧ください。

17
Tim

興味のある方は、これが私が使用する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]-->
18
Simpson

this 、IE 10はそれをサポートしています。（ ここでテスト ）

私はこの問題を解決します-おそらく最も簡単な方法：

<!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>
17
user669677

Firefoxは4.0以降もサポートしています

10
vinz

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">
8
Sanjay

質問は数年前に答えられたかもしれませんが、私は今日検索をしてそれを見つけました。

良いリファレンスと写真は以前提供されていなかったので、私は両方でこの質問を更新しています。

HTML5プレースホルダー属性 基本的に言う：

プレースホルダー属性は、Internet Explorerを除くすべての主要なブラウザーでサポートされています。

FYI：これにはIE9が含まれます。

screenshot

6
jp2code

プレースホルダーは次によって完全にサポートされています：

  • FF 4+
  • Chrome 4+
  • Safari 5以降
  • Opera 11.6+
  • IE 10+

ソース：入力プレースホルダー属性を使用できますか？

4
Wilk

サポートされていないブラウザ向けのHTML5プレースホルダに似たソリューションを誰かが探している場合は、こちらの記事を参照してください。

http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/

4
Mecalito

最も簡単なソリューションが必要な場合は、組み込み機能を使用してください！

<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で使用します。

3
vahanpwns

私はそれが古い質問であることを知っています。私の提案は、プレースホルダーサポートの検出にModernizrを使用することです。 https://modernizr.com/

0
galengodis