/input要素にソフトウェアキーボードを非表示/表示しない方法2020.01.31input要素にソフトウェアキーボードを非表示/表示しない方法TweetPocketinput要素にjQueryのプラグインでテンキーやデータピッカーなどを設置する場合があると思います。iPhone/iPadやAndroidのスマホ、タブレットでinput要素をタップすると、ソフトウェアキーボードが表示されてしまいます。今回は、iPhoneやAndroidでソフトウェアキーボードを非表示にする/表示しない方法について紹介します。各input要素にjQueryプラグインのピッカーを設置した状態を例とします。PCのブラウザ上でinput要素をクリックした場合は、次のようにピッカーのみ表示できます。スマホやタブレットでタップすると、次のようにソフトウェアキーボードが表示されてしまいます。readonly属性を設定して対策するスマホ・タブレットでinput要素をタップ時にソフトウェアキーボードを表示しないようにする場合は、readonly属性を設定します。input要素に直接記述する場合は、次のとおりです。/>複数のinput要素でソフトウェアキーボードを表示しない場合は、jQueryのattr()で次のように指定することもできます。'readonly');上記の指定後、スマホ/タブレットでinput要素をタップすると、jQueryプラグインのピッカーのみ表示することができます。iOSのフォーカス時のズームも無効にするiOSのフォーカス時のズームが気になる場合は、スタイルシートでinput要素のフォントサイズを16px以上にします。フォントサイズを大きくしたくない場合は、scaleで見た目の大きさを調整します。scale(0.9);}以上で、スマホやタブレットでinput要素のソフトウェアキーボードを非表示にすることができます。は?サポートが微妙?ASUSノートパソコンの評判・口コミ【シリーズ別】スマホ・タブレットを常に充電しながら使うとバッテリー寿命は減る?投稿者:ITおじさん岐阜県の30代IT関連の仕事をしている、おじさんです。スマホ、パソコンの些細なトラブルや悩みの解決方法を紹介しています。ニッチでなかなか見つからない情報を発信することを心がけています。*メールアドレス(公開はされません。date*日本語が含まれない投稿は無視されますのでご注意ください。