定義と使用法
pattern属性は、正規表現を指定<input>要素の値を比較して確認されています。
注意： pattern ：属性は、次の入力タイプで動作するtext, date, search, url, tel, email 、およびpassword 。
ヒント：グローバル使用titleユーザーを支援するためのパターンを記述するために属性を。
ヒント：詳細については、こちらをご覧ください正規表現私たちのJavaScriptチュートリアルで。
に適用されます
pattern属性は、次の要素で使用することができます。
| 素子 | 属性 |
|---|---|
| <input> | pattern |
例
Input例
唯一の3文字を（なし数字または特殊文字）を含むことができる入力フィールドを持つ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"は、少なくとも1の数である8文字以上、および1つの大文字と小文字を含める必要があります。
<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.0 | 10.0 | 4.0 | サポートされていません | 9.6 |