轻松上手,快乐学习!

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>
亲自试一试 »

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" 必须包含 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>
亲自试一试 »

浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
pattern 5.0 10.0 4.0 不支持 9.6