密碼輸入框的顯示與隱藏


密碼的顯示與隱藏  只需切換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();
      });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM