How to Add Default Values for Form Fields

フォームフィールドにデフォルト値を追加しますか？フィールドにあらかじめ入力されているか、関連オプションが選択されていると、ユーザーはフォームをより簡単に完了できます。

このチュートリアルでは、WPFormsでフォームフィールドのデフォルト値を設定する方法を説明します。

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

入力フィールドのデフォルト値の設定

次の入力フィールドにデフォルトのテキストを追加できます：

開始するには、上記のいずれかのフィールドをフォームに追加します。次に、フィールドをクリックしてフィールドオプションにアクセスします。次に、詳細設定タブを開き、デフォルト値フィールドを探します。

デフォルト値フィールドに、テキストまたはスマートタグを追加してフォームフィールドにあらかじめ入力することができます。

デフォルト値フィールドに直接テキストを入力することで、デフォルト値を追加できます。例として、お問い合わせフォームの件名フィールドに「お問い合わせ」をデフォルト値として追加します。

サイトに公開されると、このフィールドはフィールドオプションで入力したテキストがそのまま事前入力されます。

スマートタグは、ページやユーザーデータなど、特定の情報をフォームに引き込むために使用できるコードの一部です。

この例では、非表示フィールドのデフォルト値をスマートタグを使用して設定します。非表示フィールドはフロントエンドのユーザーには表示されないため、バックグラウンドで追加のエントリ情報を収集するのに役立ちます。

デフォルト値フィールドの横にあるスマートタグアイコンをクリックして、挿入できる利用可能なスマートタグのリストを表示します。

この例では、フォームが埋め込まれているページのタイトルを知りたいとします。これを行うには、スマートタグのリストを下にスクロールし、埋め込み投稿/ページタイトルをクリックします。これにより、対応するスマートタグ {page_title} がデフォルト値フィールドに追加されます。

フォームが送信されると、フォームエントリおよび通知でページタイトルを表示できるようになります。

注意：利用可能なスマートタグの全リストと詳細および例については、WPFormsでスマートタグを使用する方法のチュートリアルをご覧ください。

複数選択、チェックボックス、またはドロップダウンフィールドを、サイトに公開されたときにオプションが事前選択されるように設定できます。チェックボックスフィールドでは1つ以上のデフォルト値を設定でき、複数選択およびドロップダウンフィールドでは単一のデフォルト値を設定できます。

この例では、ユーザーが購読したいメールニュースレターを選択できるように、サインアップフォームにチェックボックスフィールドを追加します。フォームビルダーのプレビューエリアにあるフィールドをクリックして、フィールドオプションパネルを開きます。

次に、各選択肢の横にあるチェックボックスをクリックして、このフィールドのオプションを事前選択します。

フロントエンドで公開されると、これらのオプションはデフォルトで選択された状態になります。ユーザーはチェックボックスをクリックして選択を解除できます。

数値スライダーフィールドにデフォルト値を追加して、セレクターをスケールの特定の位置に設定できます。

数値スライダーのデフォルト値を設定する前に、 フィールドオプションパネルで範囲を構成してください。

次に、詳細設定タブをクリックしてデフォルト値を設定します。これは、設定した範囲内にある数値である必要があります。

フロントエンドでは、ユーザーが移動するまで、セレクターは指定した数値に設定されます。

これで完了です！フォームフィールドのデフォルト値を設定する方法がわかりました。

次に、フォームフィールドに特定の入力形式を要求しますか？ユーザーがフィールドに入力できる値のルールを設定するカスタム入力マスクの使用方法に関するチュートリアルをご覧ください。