42

哪些浏览器支持文本输入的占位符 html 标签？Internet Explorer 是否支持它？（我有一个 JavaScript 占位符，可用于不支持它的浏览器。）

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

4

10 回答 10

18

目前所有主流浏览器都支持它，除了 IE 9 和更早版本以及 Opera mini。

有关更新，请查看w3schools-specs或者更好的是，查看此概述。

于 2010-10-23T13:13:11.177 回答
18

对于任何感兴趣的人，这是我使用的 jQuery Fallback，我
将它与 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]-->
于 2013-01-02T06:53:31.370 回答
17

据此， IE 10 支持它。（你可以在这里测试它）

我解决了这个问题 - 可能是最简单的方式：

<!--[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 placeholder Attribute基本上说：

所有主流浏览器都支持占位符属性，但 Internet Explorer 除外。

仅供参考：这包括 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

占位符完全支持：

  • 法郎 4+
  • 铬 4+
  • 野生动物园 5+
  • 歌剧 11.6+
  • IE 10+

来源：我可以使用输入占位符属性吗？

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

在 chrome 和 IE8 中测试:)

注意：我将它与更多 javascript 一起使用来验证输入并通过在运行时更改值和占位符来在字段本身内提供反馈。

于 2013-05-02T08:40:29.820 回答
-1

我知道这是一个老问题。我的建议是使用 Modernizr 来检测占位符支持！https://modernizr.com/

于 2015-10-13T15:00:27.770 回答