div中两个input标签实现切换密码显示和隐藏示例

当您需要在输入密码时，提供一个切换按钮来显示或隐藏密码时，可以使用以下示例代码：

<div>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password">
  <button type="button" onclick="togglePassword()">显示/隐藏密码</button>
</div>

使用上面的代码，我们创建了一个包含密码输入框、标签和切换按钮的 div 元素。当用户单击切换按钮时，会调用 togglePassword() 函数，该函数会切换密码输入框的类型。

下面是 togglePassword() 函数的示例代码：

function togglePassword() {
  var passwordInput = document.getElementById("password");
  if (passwordInput.type === "password") {
    passwordInput.type = "text";
  } else {
    passwordInput.type = "password";
  }
}

在上面的代码中，我们获取了密码输入框的元素，并检查了它的类型。如果它是“password”，我们将其类型更改为“text”，这样密码就会被显示出来。如果它已经是“text”，我们将其类型更改为“password”，这样密码就会被隐藏。

这就是实现在 div 中的两个 input 标签切换密码显示和隐藏的示例代码。