小编Sir*_*025的帖子

如何切换密码可见性?

我正在尝试创建一个登录页面,并且在其中,我希望有一个按钮或复选框可以切换密码的可见性。HTML是:

 function showPassword(){
 var pass = document.getElementById("Password");
    if (pass.type === "password") {
        pass.type = "text";
    }
    else {
        pass.type = "password";
    }
 }
  
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/ad6a81734d.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="~/css/custom.css"/>
</head>
<h1 id="login_header">Login</h1>

<div class="row">
    <div class="col-md-12">
        <form method="post">
            <div class="text-danger validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>
            <div id ="log_reg" class="form-group">
                <i class="fas fa-envelope" aria-hidden="true"></i>
                <label for="Email">Email</label>
                <input class="form-control" type="email" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" value="">
                <span class="text-danger field-validation-valid" …
Run Code Online (Sandbox Code Playgroud)

html javascript

7
推荐指数
2
解决办法
7954
查看次数

标签 统计

html ×1

javascript ×1