js 开始是文本框 当我获得焦点变成密码框

 <input type="text" value="密码">开始是个文本框默认值为密码 当我获得焦点文本框变成密码框 代码怎么写！！！！！！！！！！！！！ 急急急！！！！！！！！！！！！！！！！！！

解决方案 »

  1.   

    IE下不能对已经创建的input修改type属性，可以通过隐藏/显示的方式实行。
    <body>
    <input type="text" id="pwd1" value="[密码]"/>
    <input type="password" id="pwd2" value="" style="display:none;"/>

    <script>
    (function() {
    var pwd1 = document.getElementById("pwd1");
    var pwd2 = document.getElementById("pwd2");
    pwd1.onfocus = function() {
    pwd1.style.display = "none";
    pwd2.style.display = "";
    pwd2.focus();
    };
    pwd2.onblur = function() {
    pwd1.style.display = "";
    pwd2.style.display = "none";
    };
    })();
    </script>
    </body>