如何切換密碼可見性

使用 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";
  }
}

親自試一試