HTML pattern 属性
定义和用法
pattern 属性指定一个正则表达式，用于检查 <input> 元素的 值。
注意： pattern 属性适用于以下输入类型：text、date、search、url、tel、email 和 password。
提示： 使用全局title 属性来描述该模式，以帮助用户。
提示： 在我们的 JavaScript 教程中了解更多关于 正则表达式 的信息。
适用范围
pattern 属性可用于以下元素：
| 元素 | Attribute |
|---|---|
| <input> | pattern |
示例
Input 示例
一个 HTML 表单，其中包含一个只能包含三个字母（不能是数字或特殊字符）的输入字段。
<form action="/action_page.php">
国家代码：<input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="三字母国家代码">
<input type="submit">
</form>
自己动手试一试 »
密码示例
一个类型为 password 的 <input> 元素，它必须包含 6 个或更多字符。
<form action="/action_page.php">
密码：<input type="password" name="pw" pattern=".{6,}" title="至少六个字符">
<input type="submit">
</form>
自己动手试一试 »
密码示例
一个类型为 password 的 <input> 元素，它必须包含 8 个或更多字符，其中至少有一个数字，一个大写字母和一个小写字母。
<form action="/action_page.php">
密码：<input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="必须包含至少一个数字、一个大写字母和一个小写字母，并且至少有 8 个或更多字符">
<input type="submit">
</form>
自己动手试一试 »
浏览器支持
表格中的数字表示完全支持该属性的第一个浏览器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | 不支持 | 9.6 |
