setAttribute, removeAttribute
 

Добрый день.
Есть необходимость открывать поле password при вводе пароля, чтобы видеть то что вводишь.
При попытке изменить аттрибут type у <input type="password"> на text, чтобы было видно что вводишь. Хорошего получилось мало. Может кто пробовал делать такие вещи?

Подменять весь элемент, а не атрибут.

Расположите абсолютно-позиционированный label над элементом ввода и обязательно свяжите их по идентификатору:

<label for="pwd">Enter password</label>
<input id="pwd" type="password" />

Теперь, по событию onfocus, элемента ввода, скрываем label, по событию onblur — отображаем.
Так работает форма авторизации в Яндекс

Спасибо Kolyaj.
В процессе ожидания пришёл именно к этому выводу :)
@Octane: немного не то требовалось ;)

В итоге получилось с использованием jQuery такое решение:

$('.lock').toggle(
		function(event){
			$(event.target).toggleClass('open');
			var val = $('form[id*="_form_auth_login"] input[name="password"]').attr('value');
			$('form[id*="_form_auth_login"] input[name="password"]').after('<input type="text" name="password" />').remove();
			$('form[id*="_form_auth_login"] input[name="password"]').attr('value', val);
		},
		function(event){
			$(event.target).toggleClass('open');
			var val = $('form[id*="_form_auth_login"] input[name="password"]').attr('value');
			$('form[id*="_form_auth_login"] input[name="password"]').after('<input type="password" name="password" />').remove();
			$('form[id*="_form_auth_login"] input[name="password"]').attr('value', val);
		}
	);

Octane,
ему другое надо А еще твой алгоритм не будет работать в распространенных случаях подстановки браузерами логинов/паролей. Так что форма авторизации на Яндексе немножко не так работает.

Да не внимательно прочитал вопрос

Наверное, еще дополнительно проверяют, после загрузки, не заполнены ли уже поля?

Они могут и после загрузки заполниться, если автоподстановка пароля по логину случится.

В данном случае я пока что не претендую на подстановку браузером ;) Возможно в следующем релизе :)