js动态修改文本框的属性。比如修改密码框的type

 <input type="text" name="password" id="txt_password" value="请输入登录密码"/>

想在js中对这个文本框的type进行更改，在页面中显示*****，value属性值不能删除

value属性值不能删除

$(":input[name=password]").attr("type","text").val("*******");//类似这样的
上面的含义是:所有input中name属性值是password的input将它的type属性改为text，然后设置其值为********;
其他的都是类似的,你可以根据需要自己修改

 <input type="text" name="password" id="txt_password" value="请输入登录密码"/>
<script>
    var t = document.getElementById('txt_password');
    try {
        t.type = 'password';
    } catch (e) {//IE8-或者backcompact模式
        t.outerHTML = t.outerHTML.replace('type=text','').replace('>', ' type=password>')
    }
    alert(t.value)
</script>

js中outerHTML ，attr用法你可以学习一下