HTML pattern 屬性
定義和用法
pattern 屬性指定一個正則表示式，用於檢查 <input> 元素的 值。
注意： pattern 屬性適用於以下輸入型別：text、date、search、url、tel、email 和 password。
提示： 使用全域性title 屬性來描述該模式，以幫助使用者。
提示： 在我們的 JavaScript 教程中瞭解更多關於 正則表示式 的資訊。
適用範圍
pattern 屬性可用於以下元素：
| 元素 | Attribute |
|---|---|
| <input> | pattern |
示例
Input 示例
一個 HTML 表單，其中包含一個只能包含三個字母（不能是數字或特殊字元）的輸入欄位。
<form action="/action_page.php">
國家程式碼：<input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="三字母國家程式碼">
<input type="submit">
</form>
自己動手試一試 »
密碼示例
一個型別為 password 的 <input> 元素，它必須包含 6 個或更多字元。
<form action="/action_page.php">
密碼：<input type="password" name="pw" pattern=".{6,}" title="至少六個字元">
<input type="submit">
</form>
自己動手試一試 »
密碼示例
一個型別為 password 的 <input> 元素，它必須包含 8 個或更多字元，其中至少有一個數字，一個大寫字母和一個小寫字母。
<form action="/action_page.php">
密碼：<input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="必須包含至少一個數字、一個大寫字母和一個小寫字母，並且至少有 8 個或更多字元">
<input type="submit">
</form>
自己動手試一試 »
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | 不支援 | 9.6 |
