动态改变input类型(type)属性的方法 
Dec 9 16:47 出处：本站原创
一个密码框，在密码框里提示输入密码，也就是"请输入您的密码"当然把这里由text设置成password，那这里value的内容都会显示*****了，我要显示明文，但是点击后，"请输入您的密码"消失，再输入的是******
type为只读属性不能改变,只能创建一个临时input来显示当光标移到时切换到实际的input中,以下是通过测试的代码:
type为只读属性不能改变,只能创建一个临时input来显示当光标移到时切换到实际的input中,以下是通过测试的代码:
<script type="text/javascript">
function changeType(obj) {
obj.style.display = "none";
document.getElementById("d2").style.display = "";
document.getElementById("d2").focus();
}
</script>
<input type="text" id="d1" value="请输入您的密码" size="14" maxlength="20" onfocus="changeType(this);" style="display:" />
<input type="password" id="d2" value="" size="14" maxlength="20" style="display:none" />
function changeType(obj) {
obj.style.display = "none";
document.getElementById("d2").style.display = "";
document.getElementById("d2").focus();
}
</script>
<input type="text" id="d1" value="请输入您的密码" size="14" maxlength="20" onfocus="changeType(this);" style="display:" />
<input type="password" id="d2" value="" size="14" maxlength="20" style="display:none" />
，有空大家可以下载下来看一下，下载地址是国语配音版的效果相当棒。
