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

好的，这是一个示例：

<label for="password">Password:</label>
<input type="password" id="password" name="password">
<button id="toggle-password">Show/Hide Password</button>

<script>
  const passwordInput = document.getElementById('password');
  const toggleBtn = document.getElementById('toggle-password');

  toggleBtn.addEventListener('click', () => {
    if (passwordInput.type === 'password') {
      passwordInput.type = 'text';
      toggleBtn.textContent = 'Hide Password';
    } else {
      passwordInput.type = 'password';
      toggleBtn.textContent = 'Show Password';
    }
  });
</script>

这个示例中，我们创建了一个标签为“Password”的标签和一个密码输入框。同时，我们还创建了一个按钮，用于切换密码输入框的显示和隐藏。

在JavaScript代码中，我们首先获取密码输入框和切换按钮的引用，然后通过`addEventListener()`方法监听按钮的`click`事件。当按钮被点击时，我们检查密码输入框的类型，如果它是`password`类型，则将其类型更改为`text`以显示密码，并将按钮的文本更改为“Hide Password”。如果密码输入框的类型已经是`text`，则将其类型更改回`password`以隐藏密码，并将按钮的文本更改为“Show Password”。