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/