<input pattern> …… 正規表現で入力値のパターンを指定する
<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>
<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>
↓↓↓
ブラウザ上の表示
