inputmode は、ユーザが要素やコンテンツを編集中に入力した可能性があるデータについてのヒントを列挙するグローバル属性です。下記の値が存在します。

"none"
仮想キーボードでの入力が存在しないことを示します。アプリケーションやサイトに独自のキーボード入力を実装している際に便利です。
"text"
ユーザの現在のロケール上での標準的なテキスト入力キーボードの使用を示します。
"decimal"
数字およびユーザーのロケール上で適切な区切り文字( "." oや"," )を含む、分数入力用のキーボードの使用を示します。デバイスによってはマイナスキーを表示しない場合があります。
"numeric"
数字を入力するためのキーボードの使用を示します。0から9までの数字キーがついている必要があります。デバイスによってはマイナスキーを表示しない場合があります。
"tel"
電話番号を入力するためのキーパッドの使用を示します。0から9までの数字と、アスタリスク ("*") 、シャープ ("#") がついています。電話番号用のキーパッドが必要なフォームでは、<input type="tel"> が代わりに使用されることが多いです。
"search"
Return (Enter)キーのラベルが"Searchとなっているなど、検索用に最適化するためのカスタマイズがされた仮想キーボードによる入力を示します。
"email"
"@"ボタンを含むなど、Eメールのアドレスを入力するために最適化された仮想キーボードの使用を示します。Eメール入力が必須なフォーム入力画面では、代わりに<input type="email"> が使用されることが多いです。
"url"
"/"キーが目立つ場所に配置されているなど、 URLの入力に最適化されたキーパッドの使用を示します。さらに機能が拡張されている場合、履歴へのアクセス機能や、リンクを含むことがあります。URLを要求するフォームの場合、代わりに <input type="url"> が使われることが多いです。

この属性が設定されていない場合、デフォルトの値は "text"です。そのロケール上で一般的なテキスト入力のキーボードが使用されたことを示します。

競合するスペック: inputmode はWHATWG specのリストに掲載されており、 最近のブラウザは、こちらをサポートしています。一方、W3C HTML 5.2 spec では、一時代前の方法とされ、inputmodeはリストされていません。 合意が形成されるまで、WHATWG の定義を正しいものとすることをお薦めします。

仕様

スペック ステータス コメント
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 未対応 なしSafari iOS 完全対応 12.2Samsung Internet Android ?

凡例

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

参照

ドキュメントのタグと貢献者

このページの貢献者: daichan5891, hamasaki
最終更新者: daichan5891,