HTML inputmode 属性
定義と使用方法
inputmode
属性は、携帯電話やタブレット端末(仮想キーボードを持つどんなデバイスでも)のキーボードの外観を変更することができます。
参照してください:
HTML 教程:HTML 属性
インスタンス
ヒント:インスタンスを実行して、結果を確認するために携帯電話やタブレット端末で実行してください。
例1
(仮想)キーボード上にのみ数字キーが表示されます:
<input type="text" inputmode="numeric">

例2
以下の例では "email" の "inputmode" を使用しています:
<input type="text" inputmode="email">

文法
<element inputmode="decimal|email|none|numeric|search|tel|text|url">
属性値
値 | 説明 |
---|---|
decimal | 数字キーボードのみを表示、通常はカンマキーがあります。 |
テキストキーボード、通常は [@] などのメールアドレスに使用されるキーがあります。 | |
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 |