inputmode
はグローバル属性で、ユーザーが要素やその内容を編集する際に入力されるデータの型のヒントとなる列挙型属性です。下記の値が存在します。
none
- 仮想キーボードなし。ページが独自のキーボード入力を実装している場合のためのものです。
text
(既定値)- ユーザーの現在のロケールにおける標準的な入力キーボードです。
decimal
- 実数を入力するキーボードで、数字とユーザーのロケール上で適切な区切り文字 (ふつうは . または ,) を含みます。負号キー (-) を表示するかどうかは端末によります。
numeric
- 数字を入力するキーボードですが、数字の 0 から 9 までのみを必要とするものです。負号キーを表示するかどうかは端末によります。
tel
- 電話番号を入力するテンキーで、 0 から 9 までの数字と、アスタリスク (*)、シャープ (#) キーがあります。電話番号を要求する入力欄は、ふつうは代わりに
<input type="tel">
を使用してください。 search
- 検索入力に最適化された仮想キーボードです。例えば、 return/submit キーのラベルが「検索」になっていたり、他の最適化が行われている可能性もあります。検索クエリを要求する入力欄は、ふつうは代わりに
<input type="search">
を使用してください。 email
- 電子メールアドレスの入力に最適化された仮想キーボードです。ふつう @ の文字を含むなどの他の最適化が行われます。メールアドレスの入力を要求する入力欄は、ふつうは代わりに
<input type="email">
を使用してください。 url
- URL の入力に最適化された仮想キーボードです。例えば / キーが目立つ場所に配置されているなどです。履歴へのアクセス機能などの拡張機能が含まれている場合もあります。 URL の入力を要求する入力欄は、ふつうは代わりに
<input type="url">
を使用してください。
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
HTML Living Standard inputmode の定義 |
現行の標準 |
ブラウザーの互換性
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
関連情報
- グローバル属性一覧