我的网站有一部分用户登录,我想让文本框填充默认值,但显然密码文本框需要在用户单击时更改为 type="password"以隐藏字符. Apple 的 www.me.com 网站就是 IMO 的一个很好的例子。对最佳实现方式有何帮助?
最佳答案
实现此目的的一种方法是显示一个带有默认值的控件...然后用户进入该控件,隐藏它并在此时显示实际的密码控件。当用户离开密码控件时,如果她还没有实际输入值,或者已经删除了已有的值,此时重新显示第一个控件并隐藏密码控件。这是示例代码:
<html>
<head>
<script language="ecmascript">
function HandlePasswordOnFocus() {
if ("none" != TheForm.a.style.display) {
TheForm.a.style.display = "none";
TheForm.b.style.display = "block";
TheForm.b.focus();
}
}
function HandlePasswordOnBlur() {
if ("" === TheForm.b.value) {
TheForm.b.style.display = "none"
TheForm.a.style.display = "block";
}
}
</script>
</head>
<body>
<form name="TheForm">
<input id="a" value="password" onfocus="HandlePasswordOnFocus()" />
<input id="b" type="password" style="display: none" onblur="HandlePasswordOnBlur()" />
</form>
</body>
</html>
关于php - Javascript:点击更改文本框 'Type',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7059256/