this.type ='password'在IE中不起作用，但在其他所有浏览器中都不起作用

Question

我有一个输入字段，默认情况下设置为type =“text”，以便可以在其中显示密码一词。 当用户选择密码字段时，我有以下内容将其更改为密码字段，这在我尝试过的除Internet Explorer之外的任何浏览器中都能正常工作。

onfocus="this.type='password';"

我将如何在IE中完成这项工作？

Answer 1

IE不喜欢动态地改变元素的类型，一种解决方案可能是完全替换元素。 但是我建议你只使用一个输入类型的密码，这样任何非js用户仍然可以获得相同的功能，并且没有水印。

Answer 2

你想要达到什么效果？ 您是否希望初始密码可见，但是当他们进入新密码时，它会被隐藏？ 如果是这样，您可能只想用密码输入替换元素，复制该值。

Answer 3

最好使用带有文本“password”的<label>，而不是在控件本身内显示它。 您可以使用css使标签看起来像在文本框内。 List Apart有一篇关于此类事情的好文章： http ： //www.alistapart.com/articles/makingcompactformsmoreaccessible/