短视频商城系统，输入密码时点击可隐藏或显示密码内容

短视频商城系统，输入密码时点击可隐藏或显示密码内容实现的相关代码

<!DOCTYPE html><br><html><br>    <head><br>        <meta charset="UTF-8"><br>        <meta name="viewport" content="width=device-width,initial-scale=1.0"><br>        <meta http-equiv="X-UA-Compatible" content="ie=edge"><br>        <title>Document</title><br>        <style><br>            .box {<br>                width: 400px;<br>                border-bottom: 1px solid #ccc;<br>                margin: 100px auto;<br>                position: relative;<br>            }<br>            .box input {<br>                width: 370px;<br>                height: 30px;<br>                border: 0;/*取消边框*/<br>                outline: none; /*取消选中时出来的文本框边框*/<br>            }<br>            .box img {<br>                position: absolute;<br>                width: 43px;<br>                top: -10px;<br>                right: -1px;<br>            }<br>        </style><br>    </head><br>    <body><br>        <div class="box"><br>            <label for=""><br>                <img src="b.png" alt="" id="eye"><br>            </label><br>            <input type="password" id="pwd"><br>        </div><br>        <script><br>            //获取元素<br>            var eye = document.getElementById('eye');<br>            var pwd = document.getElementById('pwd');<br>            //注册事件<br>            var flag = 0;<br>            eye.onclick = function() {<br>                if(flag==0) {<br>                    pwd.type = 'text';<br>                    eye.src = 'a.png';<br>                    flag = 1;<br>                }<br>                else{<br>                    pwd.type = 'password';<br>                    eye.src = 'b.png';<br>                    flag = 0;<br>                }<br>            }<br>        </script><br>    </body><br></html> 