WordPress

【Contact Form 7】「数値」のカスタマイズの方法

スポンサーリンク

フォームタグ生成ダイアログ

  • 「項目タイプ」で「スピンボックス」または「スライダー」が選択できます。必須項目は、必須の場合にチェックをします。
  • 「名前」は、入力項目を識別する名前を設定します。
  • 「デフォルト値」は、デフォルト値を設定します。また、「このテキストを項目のプレースホルダーとして使用する」にチェックをつけるとプレースホルダーの値として表示されます。
  • 「範囲」は、下限、上限の値を設定します。
  • 「ID属性」は、input要素のid属性に設定する値を設定します。
  • 「クラス属性」は、input要素のclass属性に設定する値を設定します。

フォームタグ生成ダイアログで設定できない設定

最小値の設定

min:(num)で、inputタグのmin属性に設定する最小値の設定ができます。

最大値の設定

max:(num)で、inputタグのmax属性に設定する最大文字数の設定ができます。

サイズの設定

size:(num)で、inputタグのsize属性に設定するサイズを設定することができます。

ステップ値の設定

step:(num)で、inputタグのstep属性に設定するステップ値を設定することができます。

上記の設定は、タグの名前と値の間に埋め込みます。(埋め込む場所を間違えると表示されません。)
次のフォームタグ例を参考にしてみてください。

フォームタグ例

数値(スピンボックス)サンプル
[number number-sample-1 class:number-sample]

プレースホルダーあり(必須)
[number* number-sample-2 class:number-sample placeholder "100"]

デフォルト値あり(必須)
[number* number-sample-3 class:number-sample "100"]

最小(10)・最大(100)の設定あり(必須)
[number* number-sample-4 class:number-sample min:10 max:100 placeholder "100"]

ステップ値の設定あり(必須)
[number* number-sample-5 class:number-sample step:10 placeholder "100"]

数値(スライダー)サンプル
[range range-sample-1 class:range-sample]

最小(10)・最大(100)の設定・デフォルト値あり(必須)
[range* range-sample-2 class:range-sample min:10 max:100 "100"]

最小(10)・最大(100)の設定・ステップ値の設定あり(必須)
[range* range-sample-3 class:range-sample step:10 min:10 max:100]

表示例

    数値(スピンボックス)サンプル

    プレースホルダーあり(必須)

    デフォルト値あり(必須)

    最小(10)・最大(100)の設定あり(必須)

    ステップ値の設定あり(必須)

    数値(スライダー)サンプル

    最小(10)・最大(100)の設定・デフォルト値あり(必須)

    最小(10)・最大(100)の設定・ステップ値の設定あり(必須)

    その他のフォームのカスタム方法

    タイトルとURLをコピーしました