inputのフォーカス時、キーボードの出現を抑止する(html)

HTML/CSS

入力補助やプルダウン等を自力で実装している場合など、フォーカス時にバーチャルキーボードを出現させたくない時があります。(主にスマホ)

そういう場合はこのinputmode=”none”を使いましょう。
フォーカス時にキーボードが表示されなくなります。

inputmode - HTML: ハイパーテキストマークアップ言語 | MDN
inputmodeはグローバル属性で、ユーザーが要素やその内容を編集する際に入力されるデータの型のヒントとなる列挙型属性です。これにより、ブラウザーは適切な仮想キーボードを表示することができます。

他にも利用できる値はtext, decimal, numeric, tel, search, email, urlなどがあります。

コメント