如何在 HTML 中使用 pattern 属性?

htmlfront end technologyweb development更新于 2025/12/29 5:32:17

HTML 中的 pattern 属性用于在以下输入类型中设置正则表达式:text、url、tel、search、date、email 和 password。对于密码,您可以使用 pattern 属性设置所需的最小值。例如,密码至少应包含 8 个字符。

示例

您可以尝试运行以下代码来了解如何在 HTML 中使用 pattern 属性。这里,我们设置了密码至少包含 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>

相关文章


有用资源