コンタクトフォーム７　数値がうまく表示されない

Contact Form 7 3.4 以上では数値入力に対応した2種類のフォームタグ、number と range を使用できる。

https://contactform7.com/ja/number-fields/

しかし、

現時点では一部の最新ブラウザのみこれらの入力タイプをサポートしています。

とのこと。

「数値」のスピンボックス型を設定しても、テキスト入力エリアとして表示されるようだ。

https://contactform7.com/ja/faq/

最新のブラウザでも HTML5 の全機能をサポートしているわけではないのでご注意ください。例えば最新の Firefox でも date 入力タイプ(カレンダーから日付をピックアップする UI)や number 入力タイプ(数値を入力するスピンボックス型 UI)をまだサポートしていないため、カレンダーやスピンボックスの UI の代替として一般的なテキスト入力フィールドを提供します。

 

Contact Form 7 は date、number 両入力フィールドのために jQuery UI ベースのフォールバック機能を提供することができます。

もし date や number の入力フィールドを使っていて、この jQuery UI ベースのフォールバック機能を使いたい場合は、次のコードをテーマの functions.php ファイルに追加して機能を有効化してください:

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );