### [数値フィールドの使用方法](https://wpforms.com/docs/using-the-numbers-field/) **公開日:** 2025年2月24日 **著者:** ウマール・マジード **概要:** 数値フィールドのカスタマイズと使用方法を学ぶ **内容:** フォームで数値情報を収集しつつ、ユーザーが数字のみ入力できるようにしたいですか？WPFormsの数値フィールドは入力値を数値のみに制限するため、定量データの収集や計算に最適です。 このチュートリアルでは、WPFormsの数値フィールドの使用方法を解説します。 - [フォームへの数値フィールド追加](#add-numbers-field) - [数値フィールドの基本設定](#field-options) - [数値フィールドの詳細設定](#advanced-options) --- 始める前に、まずWordPressサイトでWPFormsが[インストールされ有効化されている](https://wpforms.com/docs/install-wpforms-plugin/)こと、および[ライセンスが確認済み](https://wpforms.com/docs/verify-wpforms-license/)であることを確認してください。 その後、[新規フォームの作成](https://wpforms.com/docs/creating-first-form/) または既存フォームの編集を行い、フォームビルダーにアクセスしてください。 ## フォームへの数値フィールド追加 フォームビルダーを開いたら、**標準フィールド**から数値フィールドオプションを探します。クリックするか、プレビュー領域にドラッグ＆ドロップするだけでフォームに追加できます。 ![](https://wpforms.com/wp-content/uploads/2025/02/numbers-field-1024x609.png)フィールドを追加したら、プレビューエリアでクリックしてフィールドオプションパネルを開きます。 ## 数値フィールドオプションの設定 数値フィールドオプションでは、ラベルと説明をカスタマイズできます。**ラベル**はデフォルトで「数値」と表示されますが、「年齢」「数量」「総時間」など、必要に応じて変更可能です。 **説明**フィールドでは、ユーザーが入力すべき数値に関する追加指示を提供できます。 ![数値フィールドのラベルと説明オプション](https://wpforms.com/wp-content/uploads/2025/02/general-options-numbers-field-1-1024x763.png)## 数値フィールドの詳細オプション設定 フィールドオプションパネルの**詳細**タブをクリックすると、数値フィールドの追加設定にアクセスできます。 ![数値フィールドの詳細設定タブへ移動](https://wpforms.com/wp-content/uploads/2025/02/advanced-tab-numbers-field-1024x440.png)### フィールドサイズ デフォルトでは、フィールドサイズは**中**に設定されています。ただし、ドロップダウンメニューを使用してフィールドの長さを小または大に変更できます。 ![数値フィールドのフィールドサイズ](https://wpforms.com/wp-content/uploads/2025/02/numbers-field-size-1-1024x333.png)### 範囲 **範囲**オプションを使用すると、数値フィールドに入力可能な最小値と最大値を設定できます。例えば、年齢の入力は18歳以上のみに制限したり、商品の数量を100個以下に制限したりできます。 左のフィールドに希望する最小値を、右のフィールドに最大値を入力するだけで、これらの範囲を設定できます。 ![数値フィールドの最小値または最大値の範囲を設定](https://wpforms.com/wp-content/uploads/2025/02/numbers-field-range-1024x277.png)### デフォルト値 **デフォルト値**を設定すると、フォーム読み込み時にフィールドが事前入力されます。例えば寄付フォームでは、推奨寄付額としてデフォルト金額を25に設定したり、商品注文フォームではデフォルト数量を1に設定できます。 ![](https://wpforms.com/wp-content/uploads/2025/02/numbers-field-default-value-1-1024x229.png)以上です！これでWPFormsフォームに数値フィールドを追加・カスタマイズする方法がわかりました。 次に、フォーム内での計算機能についてさらに学びませんか？[WPForms Calculations アドオン](https://wpforms.com/docs/calculations-addon/)の使用ガイドをぜひご覧ください。 **カテゴリー:** フィールド, フィールドタイプ ---