用html代码编写正则表达式，为实验 1 的密码增加验证功能 要求密码至少 8 个字符，必须只包含字母（含大小写）、数字和特殊字符（键盘上所有特殊 字符），并使用 zxcvbn 计算密码强度

HTML 本身并不能编写正则表达式，但是我们可以使用 HTML 中的 `<input>` 元素的 `pattern` 属性来设置正则表达式，从而实现密码的验证。以下是示例代码：

<!-- 密码输入框 -->
<input type="password" name="password" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$" required>

<!-- 提交按钮 -->
<button type="submit" onclick="validatePassword()">提交</button>

<script>
  function validatePassword() {
    // 获取密码输入框的值
    const password = document.getElementsByName('password')[0].value;
    // 调用 zxcvbn 计算密码强度
    const strength = zxcvbn(password).score;
    if (strength < 2) {
      alert('密码强度过低，请重新设置！');
      return false;
    }
  }
</script>

在上述代码中，我们使用了 `<input>` 元素的 `pattern` 属性来设置正则表达式，要求密码至少包含8个字符，必须只包含字母（含大小写）、数字和特殊字符（键盘上所有特殊字符）。然后，我们在提交按钮上添加了一个 `onclick` 事件，并在事件处理函数中获取密码输入框的值，并调用 zxcvbn 的 `score` 方法计算密码的强度。如果密码强度低于 2，则弹出提示框提示用户密码强度过低。