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

WPFormsのチェックボックス、マルチプルチョイス、ドロップダウンフィールドに "その他 "オプションを追加したいですか?プラグインの条件ロジック機能を使えば、ユーザーが選択した内容を説明できる入力フィールドを表示することができます。

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

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

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

1.その他」の選択と入力フィールドの追加

フォームにチェックボックス、複数選択肢、ドロップダウンのいずれかのフィールドを追加する必要があります。そのフィールドのオプションを開いて利用可能な選択肢を編集し、そのうちのひとつに「その他」などのラベルを付けてください。

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

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

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

この例では、"Other Format "というラベルのついた1行テキストフィールドを使い、"Please share your preferred format of instruction "という説明を入れています。

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

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

スマート・ロジック・タブへのアクセス

ここで、Enable Conditional Logicオプションをオンに切り替える。

条件付きロジックの有効化

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

選択フィールドで "その他 "が選択された場合に "その他 "入力フィールドを表示する条件付きロジックルールの設定

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

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

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

デモをお試しください!

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

以上です!これでWPFormsのチェックボックス、複数選択肢、ドロップダウンフィールドに "その他 "オプションを作成する方法がわかりました。

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

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

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。