HTML pattern 属性
定义和用法
pattern 属性指定一个正则表达式，用于检查 a1 元素的值。
注释: pattern 模式属性适用于以下输入类型: text, date, search, url, tel, email, 和 password.
提示：使用全局 title 属性来描述模式以帮助用户。
提示：在我们的 JavaScript 教程中了解有关正则表达式的更多信息。
适用于
pattern 属性可用于以下元素：
| 元素 | 属性 |
|---|---|
| <input> | pattern |
实例
Input 实例
一个 HTML 表单，其输入字段只能包含三个字母（无数字或特殊字符）：
<form action="/action_page.php">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="三字母国家/地区代码">
<input type="submit">
</form>
亲自试一试 »
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="三字母国家/地区代码">
<input type="submit">
</form>
Password 实例
<input> 元素与 type="password" 必须包含 6 个或更多字符：
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="六个或更多字符">
<input type="submit">
</form>
亲自试一试 »
Password: <input type="password" name="pw" pattern=".{6,}" title="六个或更多字符">
<input type="submit">
</form>
Password 实例
<input> 元素与 type="password" 必须包含 8 个或更多字符，其中至少有一个数字和一个大写和小写字母：
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="必须至少包含一个数字和一个大小写字母，至少8个或更多字符">
<input type="submit">
</form>
亲自试一试 »
Password: <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 |
