动态改变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" />





,有空大家可以下载下来看一下,下载地址是国语配音版的效果相当棒。

