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>

亲自试一试 »