inputmode

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

none
仮想キーボードなし。アプリケーションやサイトに独自のキーボード入力を実装している際に便利です。
text
ユーザーの現在のロケールにおける標準的なテキスト入力キーボードです。
decimal
小数を入力するキーボードで、数字とユーザーのロケール上で適切な区切り文字 (ふつうは "." または "," ) を含みます。負号キーを表示するかどうかは端末に寄ります。
numeric
数字を入力するキーボードです。必要なものは数字の 0 から 9 までです。負号キーを表示するかどうかは端末に寄ります。
tel
電話番号を入力するキーパッドです。 0 から 9 までの数字と、アスタリスク ("*")、シャープ ("#") キーがあります。電話番号のキーパッドを必要とするフォーム入力では、ふつう <input type="tel"> が代わりに使用されます。
search
検索入力に最適化された仮想キーボードです。例えば、 Return (Enter) キーのラベルが「検索」になっていたり、他の最適化が行われている可能性もあります。
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 ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明

関連情報