HTML

HyperText Markup Language input element pattern attribute.

<input pattern>

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


<form>
	userID:<input type="text" pattern="^[0-9A-Za-z]+$">
	<input type="submit" value="Login">
</form>
userID:

　ここの例では、半角英数で入力されているかどうかをチェックしています。