密码显示隐藏功能

密码的显示隐藏功能

记录一下自己打过的一个输入密码的input框，显示密码和隐藏密码之间切换的小功能。

html：

	//input框
    <input style="width:85% " type="password" value="" name="password" placeholder-class="phcolor" placeholder="请重置密码（6-16位数字与字母组合）" id="mima1">
    //显示/隐藏密码图标
    <img src="../image/retrieve/yincang@3x.png" alt="" id="showText" onclick="hideShowPsw();">

js:

//获取到input框id
var demoImg = document.getElementById("showText");
//获取到密码图标
  var mima1 = document.getElementById("mima1");
  //通过事件对input的type值进行控制
  function hideShowPsw() {
      //当input框type值为password时切换input的type值
      if (mima1.type == "password") {
          mima1.type = "text";
          demoImg.src ="../image/retrieve/xianshi@3x.png";
      } else {
          mima1.type = "password";
          demoImg.src = "../image/retrieve/yincang@3x.png";
      }
  }