我创建了一个登录弹出框,并使用占位符来显示输入字段名称,但在其他浏览器中,例如IE9
,IE8
甚至IE10
没有在输入中显示占位符文本。
我该如何解决这个问题?有没有其他方法可以填写输入字段?
<input name="username" type="text" value="" placeholder="Username" />
我创建了一个登录弹出框,并使用占位符来显示输入字段名称,但在其他浏览器中,例如IE9
,IE8
甚至IE10
没有在输入中显示占位符文本。
我该如何解决这个问题?有没有其他方法可以填写输入字段?
<input name="username" type="text" value="" placeholder="Username" />
正如 OEZI 所说,并非所有浏览器都支持它。
试试这个
<input name="username" type="text" value="" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" />
placeholder
是新的 HTML5 功能的一部分,直到现在所有浏览器都没有完全支持。欲了解更多信息,请查看:
编辑:
如果你使用 jQuery,有这个小插件可以添加对所有浏览器的支持,直到 IE6。
到目前为止,IE8 不支持占位符。您可以使用
<input type="text" name="username" onfocus="if(this.value=='Username') this.value='';" onblur="if(this.value=='') this.value='Username';" />