如何切换密码可见性

使用 JavaScript 切换密码的可见性。

密码：

显示密码

切换密码可见性

第一步 - 添加 HTML：

<!-- 密码字段 -->
Password: <input type="password" value="FakePSW" id="myInput">

<!-- 一个用于切换密码可见性的元素 -->
<input type="checkbox" onclick="myFunction()">显示密码

第二步 - 添加 JavaScript：

function myFunction() {
  var x = document.getElementById("myInput");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}

亲自试一试