トップページ  > HTML5  > <input>  > pattern

★HTML5タグリファレンス

<input pattern> …… 正規表現で入力値のパターンを指定する
Firefox4 Google Chrome5Google Chrome6 Safari5 Opera9Opera10
広告

このページでは、HTML5のinput要素のpattern属性を解説しています。
input要素のpattern属性の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<input>要素のpattern属性を指定すると、正規表現を使って入力値のパターンを指定することができます。 正規表現が使えることで、特定の文字列が含まれているかどうかや、 半角英数・全角文字・ひがらなのみなど、入力制限を自由に設定できます。

■属性

pattern
正規表現で入力値のパターンを指定する

以下のサンプルは、半角英数で入力されているかどうかのチェックです。

■使用例

HTMLソース

<form action="xxx.php" method="post">
<fieldset>
ユーザーID:
<input type="text" name="userid" pattern="^[0-9A-Za-z]+$"> ※半角英数<br>
<input type="submit" value="ログイン">
</fieldset>
</form>
↓↓↓

ブラウザ上の表示

ユーザーID: ※半角英数
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ