zoukankan      html  css  js  c++  java
  • 密码输入框的显示与隐藏

    密码的显示与隐藏  只需切换type 为text,或者password。

    html

      <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class=" iphoe-pic suo-pic"></div>
                          <div class="see">
                            <img src="../image/login/openeye.png" id="openEye" style="display:none;">
                            <img src="../image/login/closeeye.png"  alt="隐藏密码" id="closeEye" >
                          </div>
                        <div class="aui-list-item-input aui-padded-l-10">
                            <input type="password"  placeholder="请输入密码" id="password" class="input-login">
                        </div>
    
                    </div>
                </li>

    js

          $("#openEye").click(function(){
              $("#password").attr("type","password");
              $("#openEye").hide();
              $("#closeEye").show();
          });
          $("#closeEye").click(function(){
              $("#password").attr("type","text");
              $("#closeEye").hide();
              $("#openEye").show();
          });
  • 相关阅读:
    类的继承
    垃圾回收GC
    网络层
    数据链路层
    TCP/IP协议分层模型
    OSI参考模型
    浏览器访问一个域名的过程
    Thread&ThreadLocal
    设计模式---单例模式
    内存泄漏和内存溢出
  • 原文地址:https://www.cnblogs.com/zfdbk/p/10417322.html
Copyright © 2011-2022 走看看