用Javascript反转HTML密码框中的内容

原创于 2012-06-14 21:55:19 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现HTML密码框内容可见的方法。通过简单的鼠标悬停操作，即可显示原本隐藏的密码文本，便于用户确认输入是否正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面的例子展示了你如何用JavaScript反转HTML密码框中的内容。

<!DOCTYPE HTML>
<html>
<head>
    <title>Revealing an HTML password input field using JavaScript</title>
</head>
<body>
 
    <form>
        <table>
            <tr>
                <th><label for="username">Username:</label></th>
                <td><input id="username"
                        type="text"
                        value="peterd" /></td>
            </tr>
            <tr>
                <th><label for="password">Password:</label></th>
                <td><input id="password"
                        type="password"
                        value="meow"
                        onmouseover="this.type = 'text';"
                        onmouseout="this.type = 'password';" />
                    <em>Roll over the text field to display password.</em></td>
            </tr>
        </table>
    </form>
 
</body>
</html>