zoukankan      html  css  js  c++  java
  • js点击显示隐藏密码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>look</title>
    <style>
        .ico{
            height:30px;
            width:34px;
            background:url(images/ico.jpg) no-repeat -67px 0px;
            position:absolute;
            top:10px;
            left:8.5%;
            opacity:0.7;
            }
        #in{ display:block;
            height:30px;
            width:10%;}
    </style>
    </head>
    
    <body>
    <input type="password" id="in" />
    <img class="ico" id="ico" onclick="xs()" title="显示密码"/>
        
    
    
    <script>
        function xs(){
            //var a = document.getElementById("inp").value;
            var aa=document.getElementById("ico").title;
            //alert();
            if(aa == "隐藏密码"){
                document.getElementById("in").type="password";
                document.getElementById("ico").title = "显示密码";
                document.getElementById("ico").style="background:url(images/ico.jpg) no-repeat -67px 0px;";
            }else{
                document.getElementById("ico").title = "隐藏密码";
                document.getElementById("in").type="text";
                document.getElementById("ico").style="background:url(images/ico.jpg) no-repeat -111px 0px;";    
            }
            
            }
    </script>
    </body>
    </html>

  • 相关阅读:
    添加linux alias
    vs2019 switch语句快捷键列出枚举 及常用快捷键
    generic 泛型使用
    华为云 安装centos8.2
    linux 安装redis,mysql,netcore
    react按需加载
    工具类注册基本写法
    vue项目使用深拷贝
    react+less+antd 复习搭建(一)
    python 1 cmd进入工作
  • 原文地址:https://www.cnblogs.com/liu-heng/p/6835063.html
Copyright © 2011-2022 走看看