定义和用法
该pattern属性指定正则表达式<input>元素的值与检验。
注：该pattern属性适用于以下输入类型： text, date, search, url, tel, email和password 。
提示：使用全球title属性来描述的模式，以帮助用户。
提示：了解更多关于正则表达式我们的JavaScript教程。
适用于
该pattern属性可在下面的元素上使用：
| 元件 | 属性 |
|---|---|
| <input> | pattern |
例子
Input示例
与输入域的HTML表单只能包含三个字母（无数字或特殊字符）：
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
试一试» Password示例
一个<input>元素与type="password" ，它必须包含6个或更多字符：
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
试一试» Password示例
一个<input>元素与type="password" ，它必须包含8个或更多字符至少有一个数字，一个大写和小写字母：
<form action="demo_form.asp">
Password: <input
type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain
at least one number and one uppercase and lowercase letter, and at least 8
or more characters">
<input type="submit">
</form>
试一试» Browser支持
在表中的数字指定完全支持属性所述第一浏览器的版本。
| 属性 | |||||
|---|---|---|---|---|---|
| pattern | 5 | 10.0 | 4 | 不支持 | 9.6 |