实现input密码框显示/隐藏的功能

你可以使用HTML和JavaScript来实现input密码框的显示/隐藏功能。以下是一种实现方式：

HTML代码：

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

JavaScript代码：

const passwordInput = document.getElementById("password");
const showPasswordButton = document.getElementById("showPassword");

showPasswordButton.addEventListener("click", function() {
  if (passwordInput.type === "password") {
    passwordInput.type = "text";
    showPasswordButton.textContent = "隐藏密码";
  } else {
    passwordInput.type = "password";
    showPasswordButton.textContent = "显示密码";
  }
});

这段代码中，我们首先获取了密码输入框和显示密码按钮的DOM元素。然后给显示密码按钮添加了一个点击事件监听器，当点击按钮时，我们判断密码输入框的type属性是否为"password"。如果是，就将其改为"text"，同时将按钮的文本改为"隐藏密码"；否则就将密码输入框的type属性改为"password"，同时将按钮的文本改为"显示密码"。这样，用户就可以通过点击按钮来切换密码输入框的显示/隐藏状态了。