パスワード入力フォームの実装で、ＩＥ６、７にも対応するには？
入力フォームにデフォルト値でガイド的な文字を入れ
フォームクリックでガイド文字が消え、入力できるようになるものを
このサイトで教えてもらって実装したのですが
Firefoxでは下記のソースで実装できたのですが
ＩＥ６とＩＥ７ではフォームに入力すると
入力した文字が●●●●ではなく、そのまま表示されてしまいます。
これを●●●●になるようできないでしょうか？
以下はサンプルで作ったソースです。
-------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>テスト</title>
<script>
<!--
function hide_pwd(pw){
if(pw == 'パスワード'){
document.getElementById("pwd").value ="";
document.getElementById("pwd").setAttribute("type", "password");
}
}
// -->
</script>
</head>
<body>
<div class="id_box"><input type="text" name="id" onfocus="if (this.value == 'アカウントID') this.value='';" value="アカウントID"></div>
<div class="pw_box"><input id="pwd" type="text" name="pass" onfocus="javascript:hide_pwd(this.value);" value="パスワード"></div>
</body>
</html>
-------------------------------------------------------------------
たぶんjavascriptだと思うのですがよろしくお願いします。
お礼
html5しゅごい