inputmode
inputmode 属性は、要素のコンテンツ編集時に表示する仮想キーボードの種類（numeric、email、telなど）を指定します。
概要
inputmode 属性は、要素のコンテンツ編集時に表示する仮想キーボードの種類（numeric、email、telなど）を指定します。
対応ブラウザ
デスクトップ
Chrome 66+
Edge 79+
Safari 12.1+
Firefox 95+
モバイル
Chrome Android 66+
Safari iOS 12.2+
Firefox Android 79+
基本構文
HTML
<input inputmode="numeric" pattern="[0-9]*" placeholder="数字のみ">
<input inputmode="decimal" placeholder="小数入力">
<input inputmode="tel" placeholder="電話番号">
<input inputmode="email" placeholder="メールアドレス">
<input inputmode="url" placeholder="URL">実務での使いどころ
-
inputmode の活用
仮想キーボードの種類を指定する属性。モバイルでの最適な入力体験に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。