こんにちは、ワタナベです。
今回は、Contact Form 7で、スマホ時に数字キーボードをデフォルトに指定する方法の備忘録です。
スマホでフォーム入力の際、数字を入力する欄で数字のキーボードが最初から表示されていたら便利ですね。
サイトによっては数字のキーボードになっていなくて、入力するたびにこちらで数字キーボードを表示して…を繰り返すことがありちょっと面倒だったり…。
「inputmode」属性を指定することで、スマホでのキーボードタイプを指定してあげることができます。
HTMLでやる分にはそのまま設定してあげればよいのですが、Contact Form 7には設定する機能がないので以下のようにjQueryを使用して設定します。
$(function(){
$(‘input’).attr(‘inputmode’, ‘numeric’);
});
↑のままだとinputタグ全てに適用されてしまうので、クラスなどを設定するとよいでしょう◎
▼THANKS！
それではまた次回。
ご閲覧ありがとうございました♪
