41


7

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

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

``

10 Answer


18


興味のある方は、これが私が使用するjQueryフォールバック+ jQuery検証エンジンで使用します。 + FORMCLASSをフォームのクラスに置き換えます。



17


現在、IE 9以前およびOpera miniを除くすべての主要なブラウザでサポートされています。

更新については、http://www.w3schools.com/tags/att_input_placeholder.asp [w3schools-specs]をご覧ください。さらに良いことに、このhttp://caniuse.com/input-placeholder[overview]をご覧ください。


17


thisによると、IE 10はそれをサポートしています。 (http://jsbin.com/ibehew/edit#preview [ここでテスト])

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



10


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


8


IEはプレースホルダーをサポートしていません

私はこのコードをより良く感じ、すべての主要なブラウザで動作します



6


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

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

HTML5プレースホルダー属性は基本的に次のように述べています。

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

  • FYI:*これにはIE9が含まれます。

画像:https://i.stack.imgur.com/sN9r6.png [スクリーンショット]


4


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


4


_Placeholders_は完全にサポートされています:

  • FF 4+

  • Chrome 4+

  • サファリ5

  • Opera 11.6+

  • IE 10+

ソース:* http://caniuse.com/input-placeholder [入力プレースホルダー属性を使用できますか?] *


3


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


ChromeとIE8でテスト済み:)

注:実行時に値とプレースホルダーを変更することで、入力を検証し、フィールド自体の内部でフィードバックを提供するために、これをより多くのJavaScriptで使用します。


0


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