HTMLElement: inputMode プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.

HTMLElement の inputMode プロパティは、この要素の inputmode 属性の値を反映します。

要素やコンテンツの編集中にユーザーが入力する可能性のあるデータの種類を示すヒントを提供するものです。これにより、ブラウザーは適切な仮想キーボードを表示することができます。

これは主に <input> 要素で使用されますが、どの要素でも contenteditable モードであれば使用できます。

値

この属性は、以下の値の何れかを取ります。

decimal

実数の入力キーボードで、数字とユーザーのロケールの小数点（普通は . または ,）を含みます。

email

メールアドレスの入力に最適化された仮想キーボードです。 通常、@ 文字やその他の最適化が行われいます。

none

仮想キーボードはありません。ページが自分自身でキーボード入力制御を実装している場合に使用します。

numeric

0 ～ 9 の数字だけが必要な数値入力キーボードです。 端末によって、マイナスキーがある場合とない場合があります。

検索入力に最適化された仮想キーボードです。 例えば、リターン/送信キーには「検索」と表示されているかもしれません。

tel

電話機のキーパッド入力で、0 ～ 9 の数字、アスタリスク (*)、ナンバー (#) キーを含めるために使用します。

text

ユーザーの現在のロケールに対応した標準入力キーボードです。

url

URL の入力に最適化されたキーパッドです。 これは例えば、/ キーがより目立つように持つことができるかもしれません。

この属性の使い方は、このプロパティを反映した HTML の inputmode 属性のページを参照してください。

例

仕様書

Specification
HTML Standard
# dom-inputmode

ブラウザーの互換性

BCD tables only load in the browser

関連情報