「その他」オプションの追加

フォームに入力する際に、ユーザーが独自の回答を追加できるようにしますか? WPFormsでは、選択式フィールドに組み込まれている「その他の選択肢を追加」オプションでこれを簡単に行えます。また、チェックボックスやドロップダウンフィールドで同様の設定を作成するために、条件付きロジックを使用することもできます。

このチュートリアルでは、チェックボックス、選択式、またはドロップダウンフィールドに「その他」オプションを追加し、ユーザーが独自の回答を入力できるようにする方法を説明します。

その他のオプションを追加

始める前に、WPFormsがサイトにインストールされ、有効化されていることを確認してください。次に、新しいフォームを作成するか、既存のフォームを開いて編集します。

選択式フィールドに「その他」オプションを追加する

選択式フィールドに「その他」オプションを追加するには、ビルダーでフォームを開き、フィールドをクリックしてその設定を開きます。

次に、フィールドオプションパネルで、その他の選択肢を追加トグルをオンにします。

有効にすると、フィールドサイズを選択したり、プレースホルダーテキストを設定したりすることもできます。フォームでこのオプションを選択すると、テキストボックスが表示され、回答を入力できるようになります。

ドロップダウンおよびチェックボックスフィールドでは、条件付きロジックを使用して「その他」オプションを手動で作成できます。

フィールドの追加

チェックボックスまたはドロップダウンフィールドをフォームに追加します。次に、フィールドオプションを開いて利用可能な選択肢を編集し、そのうちの1つを「その他」またはそれに類似したラベルにすることを忘れないでください。

ドロップダウンフィールドに「その他」オプションを追加する

次に、単一行テキストフィールドや段落フィールドなどの入力フィールドを追加します。フィールドオプションを開き、ラベルと説明をカスタマイズして、ユーザーがこのフィールドに「その他」の選択肢を入力するように促します。

「その他」入力フィールドのラベルと説明をカスタマイズする

この例では、「その他の形式」というラベルの単一行テキストフィールドを使用し、「ご希望の指導形式をお知らせください。」という説明を含めます。

「その他」入力フィールドの条件付きロジックを有効にする

フィールドの外観に満足したら、入力フィールドのオプションを開き、スマートロジックタブをクリックします。

スマートロジックタブにアクセスする

ここで、条件付きロジックを有効にするオプションをオンにします。

条件付きロジックを有効にする

次に、ユーザーが選択フィールドから「その他」オプションを選択した場合に入力フィールドを表示するように条件付きロジックルールを構成します。この例では、ルールは「新しい情報を学ぶための希望する形式は何ですか?がその他 の場合、このフィールドを表示する」となります。

選択フィールドで「その他」オプションが選択された場合に「その他」入力フィールドを表示するように条件付きロジックルールを設定する

条件付きロジックルールの設定についてさらにヘルプが必要ですか?この機能の使用方法の詳細については、条件付きロジックの基本に関する完全なチュートリアルをご覧ください。

完了したら、変更を保存し、公開する前にフォームをテストしてください。選択フィールドから「その他」オプションを選択すると、対応する入力フィールドが表示されるはずです。

デモを試す!

WPFormsの条件付きロジック機能を使用したカスタマイズ可能なテンプレートのプレビューをご希望ですか?弊社のシンプルなケーキ注文フォームテンプレートをご覧ください。

これで、WPFormsのチェックボックス、ラジオボタン、またはドロップダウンフィールドに「その他」オプションを作成する方法がわかりました。

次に、ドロップダウンフィールドから複数のオプションを選択できるようにする方法を学びたいですか?複数選択を有効にするチュートリアルをご覧ください。

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。