表单增强与验证——更改输入框类型（显示密码）

最新推荐文章于 2022-10-27 19:52:35 发布

shirley云

最新推荐文章于 2022-10-27 19:52:35 发布

阅读量619

点赞数

分类专栏： js 文章标签：表单增强与验证

本文链接：https://blog.csdn.net/linda_417/article/details/51647992

版权

本文探讨了如何使用HTML的`<input>`元素配合JavaScript来增强表单验证，特别是关注于如何实现密码输入框的显示与隐藏功能。通过`input-type.js`，我们可以方便地切换密码的可见状态，提升用户体验。

摘要由CSDN通过智能技术生成

HTML

<form name="login" action="/login/" method="post">
        <div class="one-third column">
          <img src="img/logo.png" alt="logo" id="logo" />
        </div><!-- .one-third -->
        <div class="two-thirds column" id="main">
          <fieldset>
            <legend>Login</legend>
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" />
            <label for="pwd">Password:</label>
            <input type="password" id="pwd" name="pwd" /><br>
            <input type="checkbox" id="showPwd">
            <label for="showPwd">s