如何在HTML中使用模式属性?

HTML中的pattern属性用于设置以下输入类型的正则表达式:文本,URL,电话,搜索,日期,电子邮件和密码。对于密码,可以使用pattern属性设置所需的最小值。例如,密码至少应包含8个字符。

示例

您可以尝试运行以下代码,以了解如何在HTML中使用模式属性。在这里,我们为密码设置了8个或更多字符的模式。如果用户添加的内容少于此,则单击“提交”按钮,将引发错误,即“请匹配请求的格式:八个或更多字符”。

<!DOCTYPE html>
<html>
   <body>
      <h2>Register</h2>
      <form action="/new.php">
         Student UserName<br><input type = "text" name = "name"/><br>
         Password<br><input type = "password" name = "password" pattern = ".{8,}"
         title="Eight or more characters"><br><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>