定義和用法
該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 |