inputmode

inputmodeグローバル属性で、ユーザーが要素やその内容を編集する際に入力されるデータの型のヒントとなる列挙型属性です。下記の値が存在します。

none
仮想キーボードなし。アプリケーションやサイトに独自のキーボード入力を実装している場合のためのものです。
text
ユーザーの現在のロケールにおける標準的なテキスト入力キーボードです。
decimal
小数を入力するキーボードで、数字とユーザーのロケール上で適切な区切り文字 (ふつうは . または ,) を含みます。負号キー (-) を表示するかどうかは端末によります。
numeric
数字を入力するキーボードですが、必要なものは数字の 0 から 9 までです。負号キーを表示するかどうかは端末によります。
tel
電話番号を入力するテンキーで、 0 から 9 までの数字と、アスタリスク (*)、シャープ (#) キーがあります。電話番号のテンキーを必要とするフォーム入力では、ふつう <input type="tel"> が代わりに使用されます。
search
検索入力に最適化された仮想キーボードです。例えば、 return/submit キーのラベルが「検索」になっていたり、他の最適化が行われている可能性もあります。
email
電子メールアドレスの入力に最適化された仮想キーボードです。ふつう @ の文字を含むなどの他の最適化が行われます。メールアドレスの入力が必要なフォーム入力では、ふつうは <input type="email"> が代わりに使用されます。
url
URL の入力に最適化された仮想キーボードです。例えば / キーが目立つ場所に配置されているなどです。履歴へのアクセス機能などの拡張機能が含まれている場合もあります。 URL の入力が必要なフォーム入力では、ふつうは <input type="url"> が代わりに使用されます。

この属性が設定されていない場合、既定値は text です。

仕様書

仕様書 状態 備考
HTML Living Standard
inputmode の定義
現行の標準

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
inputmodeChrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 完全対応 12.2Samsung Internet Android 完全対応 9.0

凡例

完全対応  
完全対応
未対応  
未対応

関連情報