隐藏显示密码，很简单，拿了就能用

至尊鸡

已于 2023-11-30 09:32:25 修改

阅读量565

点赞数

分类专栏： JS 文章标签：前端 html javascript

于 2023-01-04 18:29:00 首次发布

本文链接：https://blog.csdn.net/m0_72190449/article/details/128552493

版权

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

输入密码11111，开始先隐藏，点击显示就会显示出来，在点击就隐藏

html代码

<body>
    <div class="box">
        <input type="password" id="psd">
        <button id="btn">显示密码</button>
    </div>
</body>

js代码

<script>
    window.onload=function(){
        var btn=document.getElementById("btn");
        var psd=document.getElementById("psd");
        var flag=0;
        btn.onclick=function(){
            if(flag==0){
                psd.type='text'
                flag=1
            }else{
                psd.type='password'
                flag=0
            }
           
        }
    }
</script>