js 实现密码隐藏和显示

可以使用JavaScript来实现密码的隐藏和显示。具体方法如下：

1. 创建一个 input 元素，type 属性为 password，用于输入密码。
2. 创建一个 checkbox 元素，用于切换密码的隐藏和显示。
3. 通过 JavaScript 监听 checkbox 的点击事件，根据 checkbox 的状态切换 input 元素的 type 属性。
4. 当 checkbox 被选中时，将 input 元素的 type 属性改为 text，此时密码会显示出来。
5. 当 checkbox 被取消选中时，将 input 元素的 type 属性改回 password，此时密码会被隐藏起来。

以下是一个实现密码隐藏和显示的简单示例代码：

HTML代码：

<label>密码：</label>
<input type="password" id="password">
<label>显示密码：</label>
<input type="checkbox" id="showPassword">

JavaScript代码：

var password = document.getElementById("password");
var showPassword = document.getElementById("showPassword");
showPassword.addEventListener("click", function() {
  if (showPassword.checked) {
    password.type = "text";
  } else {
    password.type = "password";
  }
});

当用户点击“显示密码”复选框时，JavaScript会切换密码输入框的 type 属性，从而实现密码的隐藏和显示。