this.type = 'password' не работает в IE, но во всех других браузерах это работает

Question

У меня есть поле ввода, которое по умолчанию установлено в type = "text", так что в нем может отображаться слово Password. У меня есть следующее, чтобы изменить его в поле пароля, когда пользователь выбирает его, что прекрасно работает в любом браузере, который я пробовал, кроме Internet Explorer.

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

Как мне сделать так, чтобы это работало в IE?

Answer 1

IE не любит динамически изменять тип элемента, одним из решений может быть полная замена элемента. Однако я бы посоветовал вам просто использовать пароль типа ввода, чтобы все пользователи, не относящиеся к js, могли по-прежнему получать те же функции и жить без водяного знака.

Answer 2

Вам лучше использовать с текстом «пароль», а не отображать его внутри самого элемента управления. Вы можете сделать так, чтобы метка отображалась внутри текстового поля с помощью css. У List Apart есть хорошая статья на эту тему: http://www.alistapart.com/articles/makingcompactformsmoreaccessible/

Answer 3

Какого эффекта вы пытаетесь достичь? Вы хотите, чтобы исходный пароль был виден, но когда они вводят новый, он скрыт? Если это так, вы можете просто заменить элемент на ввод пароля, скопировав значение.