入力タイプのパスワードのプレースホルダ属性にフォールバックを使用するにはどうすればよいですか？

Question

私はhtml5プレースホルダ属性を使用して、ログインフォームにデフォルト値を表示しています。私はIEのブラウザのための一種のフォールバックサポートを提供していますが、これはパスワードフィールドには完全には機能しません。パスワードフィールドにIEのプレースホルダのいくつかを示す方法がありますか？

http://jsfiddle.net/8MTWx/

EDIT：

また、ユーザーは、フィールドを空白のままにするとき、それは彼らにanyhtingが表示されないので、私は

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