php - IE8 密码字段显示输入的值而不是显示星号

Question

在我的站点中，密码字段显示输入的值而不是显示星号。这适用于所有其他浏览器。 IE7 和 IE9 也可以。仅在 IE8 中我不明白。任何帮助将不胜感激。

供引用:只需检查站点并单击登录框中的登录，您可以使用该密码字段检查问题。

<input type="password" name="password" id="password" value="Password" 
onblur="if(this.value == '') { this.style.color='#bbb'; this.value='Password'; this.type='text'} 
else {this.type='password';}" 
onfocus="if (this.value == 'Password') {this.style.color='#000'; this.value=''; this.type='password'} else {this.type='password';}" style="color: rgb(0, 0, 0);">

Answer 1

我在这里猜测是因为我不想遍历您的所有代码，但我想您正在替换 <input type="text" />与 <input type="password" />当用户关注 input 时.我认为这不是最好的跨浏览器解决方案。

如果您想支持旧版浏览器，您将需要使用 JavaScript 解决方案作为 HTML5 placeholder该值不适用于所有浏览器。

一个好的解决方案是使用 <label>标签位于 input 下方而不是伪造它。有关一个很好的例子，请参见:http://blog.stannard.net.au/2011/01/07/creating-a-form-with-labels-inside-text-fields-using-jquery/

该解决方案的优势包括跨浏览器兼容性、可访问性和语义标记。