php - Javascript:点击更改文本框 'Type'

标签 php javascript html css textbox

我的网站有一部分用户登录,我想让文本框填充默认值,但显然密码文本框需要在用户单击时更改为 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/

相关文章:

css - margin 不起作用?两个元素之间需要空间

html - Bootstrap 3 : Hide elements on devices smaller than tablets without using 2 classes bootstrap

javascript - 使用监听器时无法传递 "this"

PHP/SQL - 将 SQL 结果设置为列表

php - 如何下载文件并立即导出为电子邮件附件

php - 常见 MYSQL 查询的缓存

javascript - 如何播放WebRTC录制的音频流 block ?

javascript - D3 : dataset update does not remove elements from DOM

javascript - Chrome 扩展程序代码可在弹出窗口中打开和关闭我的扩展程序

php - 从数据库中获取特定的键