HTML inputmode 属性

定義と使用方法

inputmode 属性は、携帯電話やタブレット端末(仮想キーボードを持つどんなデバイスでも)のキーボードの外観を変更することができます。

参照してください:

HTML 教程:HTML 属性

インスタンス

ヒント:インスタンスを実行して、結果を確認するために携帯電話やタブレット端末で実行してください。

例1

(仮想)キーボード上にのみ数字キーが表示されます:

<input type="text" inputmode="numeric">
スマートフォン上で表示されるinputmode属性の結果

自分で試してみてください

例2

以下の例では "email" の "inputmode" を使用しています:

<input type="text" inputmode="email">
スマートフォン上で表示されるinputmode属性の結果

自分で試してみてください

文法

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

属性値

説明
decimal 数字キーボードのみを表示、通常はカンマキーがあります。
email テキストキーボード、通常は [@] などのメールアドレスに使用されるキーがあります。
none キーボードは表示されません。
numeric 数字キーボードのみを表示。
search テキストキーボード、[enter] キーは通常 [go] として表示されます。
tel 数字キーボードのみを表示、通常 [+]、[*] と [#] キーがあります。
text デフォルト。テキストキーボード。
url テキストキーボード、通常は URL に使用されるキー、例えば [.] と [/] または特別な [.com] キー、または通常のローカル設定のドメインエンディングシンボルとして使用されます。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53