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