↑

HTML5

：

グローバル属性

：

inputmode

　編集：2022.06.30 by T.A.

→● mdn

解説

ユーザーが内容を入力する際に最も参考になる入力メカニズムの種類を指定する。列挙属性。

キーワード	説明
`none`	ユーザーエージェントは仮想キーボードを表示すべきではない。このキーワードは、独自のキーボードコントロールをレンダリングするコンテンツに役立つ。
`text`	ユーザーエージェントは、ユーザーのロケールでテキスト入力が可能な仮想キーボードを表示すべきである。
`tel`	ユーザーエージェントは、電話番号入力が可能な仮想キーボードを表示すべきであある。これは、数字 0?9、"#" 文字、および "*" 文字のキーを含むべきである。一部のロケールで、これはまた、アルファベットのニーモニックラベル（たとえば、米国で、"2" キーはまた、歴史的に文字 A、B、および C で標識されている）を含むことができる。
`url`	ユーザーエージェントは、"/" と "." 文字、"www" や ".com" のようなドメイン名の中で見つかった文字列を簡単に入力するための、URL の入力を補助するためのキーとともに、ユーザーのロケールでテキスト入力が可能な仮想キーボードを表示すべきである。
`email`	ユーザーエージェントは、"@" 文字および "." 文字のような、電子メールアドレスの入力を補助するためのキーとともに、ユーザーのロケールでテキスト入力が可能な仮想キーボードを表示すべきである。
`numeric`	ユーザーエージェントは、数字入力が可能な仮想キーボードを表示すべきであある。このキーワードは、PIN 入力に便利である。
`decimal`	ユーザーエージェントは、小数入力が可能な仮想キーボードを表示すべきであある。ロケールの数値キーおよびフォーマットセパレーターを表示すべきである。
`search`	ユーザーエージェントは、検索に最適化された仮想キーボードを表示すべきである。

<INPUT inputmode=none><BR>
<INPUT inputmode=text><BR>
<INPUT inputmode=tel><BR>
<INPUT inputmode=url><BR>
<INPUT inputmode=email><BR>
<INPUT inputmode=numeric><BR>
<INPUT inputmode=decimal><BR>
<INPUT inputmode=search><BR>

テスト

ここに表示

スクリプト：

スクリプト：

表示内容：