################
フォームの作成
################

Sitecore フォームアプリケーションでは、標準要素を使って素早くフォームを作成することができます。フォームの作成を始める前に、連絡先に何を質問したいかを決定し、含めるフォームフィールドを決定する必要があります。

*****************
フォームの作成
*****************

テンプレートを使ってフォームを作成することもできますし、空白のフォームから始めることもできます。

フォームを作成するには

1. フォーム ダッシュボードで、[作成] をクリックします。
2. 新しいフォームをゼロから作成するには、「空白のフォーム」をクリックするか、フォームのベースとなるテンプレートを選択します。

.. image:: images/15ed64a2028840.png
   :align: center
   :width: 400px
   :alt: フォームの作成

.. note:: ダッシュボードにフォームが表示されない場合は、インスタンスのインストール時にインストール後の手順が完了していることを確認してください。Sitecore フォームを正常に動作させるためには、インストール後に検索インデックスを再構築する必要があります。

***************************
フォームフィールドの追加
***************************

新しいフォームにフィールドを追加するには、フォーム要素ペインからフォーム要素をフォームキャンバスにドラッグします。フォーム上にフォームフィールドとして要素を配置した場合、フォーム要素ペインの全般タブでその設定を変更することができます。

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

1. フォーム要素ペインで、追加したい要素をクリックして、フォームキャンバスにドラッグします。

.. image:: images/15ed64a202e5f6.png
   :align: center
   :width: 400px
   :alt: フォームの作成

2. 要素の適切な場所を見つけ、緑の線が表示されたら、要素をドロップします。

3. 新しいフィールドの設定を変更するには、キャンバス上でフィールドをクリックし、フォーム要素ペインで変更を適用します。例えば、フィールドに CSS クラスを追加してスタイルを変更します。

4. 設定の変更が終わったら、適用 をクリックして、フォーム上の変更を確認します。

.. note:: Web サイトに公開する前に、フォームをプレビューすることをお勧めします。フォーム アプリケーションでのフォームの表示方法は、Web ページ上のフォームの実際のスタイリングを反映していない場合があります。

5. フォームにリストを追加するには、フォーム要素ペインのリストセクションでドロップダウンリストをフォームにドラッグします。

   必ず意味のあるフィールド名を追加してください。フィールド名は、フォームフィールドのSitecore定義アイテムの実際のアイテム名です。フォーム要素に意味のある名前をつけることで、例えばフォームフィールドのパフォーマンストラッキングのように、フォーム要素を区別しやすくなります。

.. image:: images/15ed64a2033f84.png
   :align: center
   :alt: フォームの作成

6. フォームにSubmitボタンを追加するには、フォーム要素ペインの構造セクションでSubmitボタン要素をフォームにドラッグします。

.. image:: images/15ed64a2038170.png
   :align: center
   :width: 400px
   :alt: フォームの作成

7. [詳細]セクションで、ボタンの名前を入力し、[ナビゲーションステップ]フィールドで、[送信]を選択します。

8. [適用] をクリックして、フォーム上の変更内容を確認します。

.. note:: 時折、フォームからフィールドを削除したい場合があります。フォームフィールドを削除するには、削除するフィールドをクリックして、[ |icon1| 削除]をクリックします。

9. フォームを保存するには

    * 保存 |icon2| をクリックして、新しいフォームを保存し、名前を付けます。
    * 選択したフォームを保存する |icon3| をクリックして、フォームのコピーを保存し、名前を付けます。
    * Save the form as a form template |icon4| をクリックして、フォームをテンプレートとして保存します。

.. |icon1| image:: images/15ed64a204052c.png
.. |icon2| image:: images/15ed64a203c46d.png
.. |icon3| image:: images/15ed64a2045510.png
.. |icon4| image:: images/15ed64a2049b16.png

.. tip:: https://doc.sitecore.com/users/93/sitecore-experience-platform/en/create-a-form.html