bootstrap密码显示眼睛

你可以使用 Bootstrap 中的 input 组件来实现一个带有密码显示眼睛的表单。具体实现方法如下：

1. 在 input 标签中添加 type="password" 属性，使其成为一个密码输入框。
2. 在 input 标签后面添加一个 span 标签，用于显示密码可见/不可见的图标。
3. 使用 Bootstrap 的 input-group 类将 input 和 span 标签包裹在一起，以实现样式。
4. 使用 JavaScript 监听 span 标签的点击事件，根据当前状态更改 input 的 type 属性和图标。

以下是一个示例代码：

<div class="input-group">
  <input type="password" class="form-control" id="password-input" placeholder="Password">
  <span class="input-group-addon" id="password-toggle">
    <i class="fa fa-eye"></i>
  </span>
</div>

<script>
  const passwordInput = document.querySelector('#password-input');
  const passwordToggle = document.querySelector('#password-toggle');

  passwordToggle.addEventListener('click', () => {
    const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
    passwordInput.setAttribute('type', type);
    passwordToggle.querySelector('i').classList.toggle('fa-eye');
    passwordToggle.querySelector('i').classList.toggle('fa-eye-slash');
  });
</script>

在这个示例中，我们使用了 Font Awesome 图标库中的图标，需要在页面中导入该图标库的 CSS 文件。