input要素のいろいろな属性を試す

1. このページの目的

input要素の属性をいろいろ試す。

2. デモ

(1)

HTML

<input type="text" name="token1" id="token1" inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code" />

inputmode=numeric により、数字を入力するインプットメソッドに切り替わる。
autocomplete=one-time-code により、「ユーザー自身を確認するために使われるワンタイムコード」が期待されるフィールドとして自動支援される。
pattern=[0-9]* により、サブミット時にパターンがマッチしていなかったら、その旨が指摘されサブミットされない。

3. 参考