42

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

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

4

10 に答える 10

18

興味のある方は、これが私が
使用しているjQueryフォールバックです。jQuery検証エンジンで使用しています。
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]-->
于 2013-01-02T06:53:31.370 に答える
18

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

最新情報については、w3schools-specsをご覧ください。または、こちらの概要をご覧ください。

于 2010-10-23T13:13:11.177 に答える
17

これによると、IE10はそれをサポートしています。（ここでテストできます）

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

<!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>
于 2012-06-28T09:55:09.653 に答える
10

Firefoxも4.0からサポートしています

于 2011-06-01T13:55:39.103 に答える
8

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">
于 2012-11-27T05:17:35.673 に答える
6

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

以前は良い参考資料と写真が提供されていなかったので、この質問を両方で更新しています。

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

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

参考：これにはIE9が含まれます。

スクリーンショット

于 2012-09-18T15:17:49.427 に答える
4

サポートされていないブラウザー用の HTML5 プレースホルダーと同様のソリューションを探している場合は、次の記事を参照してください。

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

于 2011-10-07T14:06:43.180 に答える
4

プレースホルダーは、以下によって完全にサポートされています。

  • FF4+
  • クローム 4+
  • サファリ 5+
  • オペラ 11.6+
  • IE10+

出典:入力プレースホルダー属性を使用できますか?

于 2013-07-30T07:02:11.950 に答える
2

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

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

クロムとIE8でテスト済み:)

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

于 2013-05-02T08:40:29.820 に答える
-1

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

于 2015-10-13T15:00:27.770 に答える