Как предоставить запасной вариант для атрибута-заполнителя пароля типа ввода?

Question

Я использую атрибут заполнителя html5, чтобы показать значение по умолчанию в форме входа. Я предоставляю некоторую резервную поддержку для браузеров IE, но это не работает идеально для поля пароля. Есть ли способ, чтобы поле пароля показывало что-то для местозаполнителя в IE.

http://jsfiddle.net/8MTWx/

EDIT:

Также, как мне исправить

$(this).attr("value",$(this).html);

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

$(this).attr("value","username");

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

Answer 1

$('#pass').focus(function(){
    $(this).val('');
}).blur(function(){
    if($(this).val() === ''){
        $(this).val('Password');
    }
});

Редактировать: если вы хотите имитировать эффект заполнителя для поля пароля, наименее навязчивый способ сделать это - добавить фоновое изображение с текстом «пароль» onBlur, например, так:

$('#pass').focus(function(){
    $(this).val('').css('backgroundImage','');
}).blur(function(){
    if($(this).val() === ''){
        $(this).css('backgroundImage','url(path/to/image)');
    }
});