Using the Numbers Field

フォームで数値情報を収集したいが、ユーザーが数字しか入力できないようにしたいですか？ WPFormsの数値フィールドは、入力値を数値のみに制限するため、定量的データを収集したり計算を実行したりするのに最適です。

このチュートリアルでは、WPFormsの数値フィールドの使用方法を説明します。

始める前に、WPFormsがWordPressサイトにインストールおよび有効化されており、ライセンスが検証済みであることを確認してください。その後、新しいフォームを作成するか、既存のフォームを編集してフォームビルダーにアクセスできます。

フォームに数値フィールドを追加する

フォームビルダーを開いたら、標準フィールドの下にある数値フィールドオプションを探します。それをクリックするか、プレビューエリアにドラッグアンドドロップしてフォームに追加します。

フィールドをフォームに追加したら、プレビューエリアのフィールドをクリックして、フィールドオプションパネルを開きます。

数値フィールドオプションでは、ラベルと説明をカスタマイズできます。ラベルはデフォルトで「数値」になりますが、これを「年齢」、「数量」、「合計時間」など、ニーズに合わせて変更できます。

説明フィールドを使用すると、ユーザーがどの数値を入力すべきかについて追加の指示を提供できます。

フィールドオプションパネルの詳細タブをクリックして、数値フィールドの詳細設定にアクセスします。

デフォルトでは、フィールドサイズは中に設定されています。ただし、ドロップダウンメニューを使用して、フィールドの長さを小または大に変更できます。

範囲オプションを使用すると、ユーザーが数値フィールドに入力できる最小値と最大値を設定できます。たとえば、年齢のエントリを18歳以上に制限したり、製品の数量を100に制限したりすることができます。

左側のフィールドに希望する最小値を、右側のフィールドに最大値を入力するだけで、これらの境界を設定できます。

デフォルト値を設定して、フォームの読み込み時にフィールドを事前に入力します。たとえば、寄付フォームを作成している場合、デフォルトの金額を25に設定してユーザーに推奨寄付額を提供したり、製品注文フォームでデフォルトの数量を1に設定したりできます。

これで完了です！ WPFormsフォームに数値フィールドを追加およびカスタマイズする方法がわかりました。

次に、フォームでの計算の実行について詳しく知りたいですか？ WPForms Calculationsアドオンの使用に関するガイドを必ず確認してください。