如何为输入类型密码的占位符属性提供回退？

Question

我使用html5占位符属性来显示登录表单中的默认值。我正在为IE浏览器提供一种后备支持，但这对于密码字段并不完美。有没有办法让密码字段在IE中为占位符显示一些东西。

http://jsfiddle.net/8MTWx/

编辑：

另外我如何修复

$(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)');
    }
});