本文 15386 pv
0
type为只读属性不能改变,只能创建一个临时input来显示当光标移到时切换到实际的input中,以下是通过测试的代码:
动态改变input类型(type)属性的方法
© kekehu / 技术资源 / 2008.12.09 / 16:47 / 15386PV
一个密码框，在密码框里提示输入密码，也就是"请输入您的密码"当然把这里由text设置成password，那这里value的内容都会显示*****了，我要显示明文，但是点击后，"请输入您的密码"消失，再输入的是******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" />
本文有 0 篇评论
发表你的见解