占位符在所有浏览器中都无法正常工作

Question

  

可能重复：
  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" />

Answer 1

正如OEZI所说，并非所有浏览器都支持它。

试试这个

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

Answer 2

placeholder是新HTML5功能的一部分，至今尚未得到所有浏览器的全面支持。有关更多信息，请检查：

• http://caniuse.com/#search=placeholder（更多html5 / css3-features：http://caniuse.com/）
• http://wufoo.com/html5/attributes/01-placeholder.html（更多html5-features：http://wufoo.com/html5/）

修改
如果您使用的是jQuery，那么this little plugin可以为所有浏览器添加对IE6的支持。

Answer 3

到目前为止，IE8不支持占位符。你可以使用

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