例
与输入域的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>
试一试» 更多“试一试”的例子。
定义和用法
该pattern属性指定正则表达式<input>元素的值与检验。
注：该pattern属性适用于以下输入类型： text, date, search, url, tel, email和password 。
提示：使用全球title属性来描述的模式，以帮助用户。
提示：了解更多关于正则表达式我们的JavaScript教程。
浏览器支持
在表中的数字指定完全支持属性所述第一浏览器的版本。
| 属性 | |||||
|---|---|---|---|---|---|
| pattern | 5 | 10.0 | 4 | 不支持 | 9.6 |
HTML 4.01和HTML5之间的差异
该pattern属性，HTML5是新的。
句法
<input pattern="regexp">
属性值
| 值 | 描述 |
|---|---|
| regexp | 正则表达式的<input>元素的值与检验 |
更多示例
例
一个<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>
试一试» 例
一个<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>
试一试» 例
一个<input>与元素type="email"那一定是按以下顺序： 字符 @ 字符 。 域 （字符后跟一个@符号，其次是更多的字符，然后一个"."
后"." 签字，你只能写从2〜3个字母A到Z：
<form action="demo_form.asp">
E-mail: <input type="email"
name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>
试一试» 例
一个<input>与元素type="search"不能包含下列字符： '或"
<form action="demo_form.asp">
Search: <input
type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
试一试» 例
一个<input>与元素type="url"必须与启动http://或https://后面至少一个字符：
<form action="demo_form.asp">
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include
http://">
<input type="submit">
</form>
试一试»