パスワードの可視性を切り替える方法

JavaScriptを使用してパスワードの可視性を切り替えます。

パスワード：

パスワードを表示

パスワードの可視性を切り替え

第1步 - 添加 HTML：

<!-- パスワードフィールド -->
パスワード: <input type="password" value="FakePSW" id="myInput">
<!-- 一つのパスワードの可視性を切り替える要素 -->
<input type="checkbox" onclick="myFunction()">表示パスワードを表示

第2步 - 添加 JavaScript：

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

自分で試してみる