pattern 属性は、<input> 要素の値をチェックする正規表現を指定します。
注: pattern 属性は、次の入力タイプで動作します： text、date、search、url、tel、email、password。
チップ: ユーザを支援するためのパターンを記述するには、 グローバル title 属性を使用してください。
チップ: 詳細については、JavaScript チュートリアルの 正規表現 をご覧ください。
pattern 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <input> | pattern |
3 文字（数字または特殊文字以外）だけ入力可能な入力フィールドを持つ HTML フォーム：
<form action="demo_form.html">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Try it Yourself ❯
6 文字以上でなければならない type="password" の <input> 要素：
<form action="demo_form.html">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Try it Yourself ❯
8 文字（少なくとも 1 つは数値で、1 つは大文字と小文字が含まれる）以上でなけれならない type="password" の <input> 要素：
<form action="demo_form.html">
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>
Try it Yourself ❯
表中の数字は、属性を完全にサポートした最初のブラウザ・バージョンを指定しています。
| 属性 | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | サポートなし | 9.6 |