本文 12239 pv

0

动态改变input类型(type)属性的方法

© kekehu / 技术资源 / 2008.12.09 / 16:47 / 12239PV

        一个密码框,在密码框里提示输入密码,也就是"请输入您的密码"当然把这里由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" />

本文有 0 篇评论

发表你的见解

打开HTML 打开UBB 打开表情 隐藏 记住我
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot
emotemotemotemotemot