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 の定義現行の標準 ブラウザー実装状況
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.Update compatibility data on GitHubデスクトップ モバイル inputmodeChrome 完全対応 66 Edge ? Firefox 未対応 なし IE ? Opera 完全対応 53 Safari 未対応 なし WebView Android 完全対応 66 Chrome Android 完全対応 66 Firefox Android 未対応 なし Opera Android 未対応 なし Safari iOS 完全対応 12.2 Samsung Internet Android ? 凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
参照
- グローバル属性一覧