CMS：コレクションに送信する入力要素を含むカスタムフォームを作成する

訪問者が入力要素を使用してコレクションに直接情報を送信できるカスタム CMS フォームを作成します。入力要素には、テキストボックス、ドロップダウンリスト、日付ピッカーなどが含まれます。この記事では、フォームの回答を格納するコレクションを作成して入力要素と送信ボタンを追加し、データセットを使用してこれらを接続する方法について説明します。

カスタムフォームの回答を保存するコレクションを作成し、コレクションの権限を設定します。「コンテンツを収集」の権限設定を選択でき、ライブサイトからのコンテンツの追加または表示を許可するユーザーを選択できます。または、「高度」を選択して、役割ごと（すべての訪問者、サイト会員、アイテムの作成者、共同管理者）にコンテンツを閲覧、追加、更新、削除できるユーザーを指定します。

この時点でコレクションにフィールドを追加できますが、後で入力要素を接続する際に追加することをおすすめします（ステップ 3）。こうすることで、各タイプの入力要素に接続できるフィールドタイプのみを追加していることを確認できます。

カスタムフォームを作成するエディタのページまたはセクションに移動します。次に、訪問者が回答を送信するために使用するすべての入力要素を追加します。それぞれの入力要素について、収集できるデータの種類や接続できるフィールドタイプに制限があるため注意してください。

各入力要素を、「回答」コレクションに接続するデータセットに接続します。次に、回収するデータの種類に一致する新しいコレクションフィールドに入力値を接続します。

訪問者がドロップダウン要素とセレクトタグ要素で選択するオプションを、別の CMS コレクションのアイテムに接続することもできます。これを行うには、リストオプションを別のコレクションのフィールドに接続する別のデータセットに接続します。このデータセットは、「読み取り」または「読み取り・書き込み」モードに設定する必要があります。

訪問者が入力要素で入力または選択した回答を送信する方法を作成する必要があります。通常のボタンまたは画像を追加して「送信」ボタンを作成し、データセットの「送信」をクリックした際の動作に接続します。訪問者が「送信」ボタンをクリックすると、「送信」データセットに接続されているすべての入力要素がコレクションに保存されます。データセットモードとコレクションの権限に応じて、値は新しいアイテムとして追加されるか、既存のアイテムを更新するために使用されます。

 

また、以下のデータセットアクション用に個別のボタンを作成することもできます：

各入力要素をカスタマイズして、サイトの外観と操作感に合った一貫性のあるフォームを作成できます。

入力要素を使用したカスタムフォームの作成に関するよくある質問とその回答については、以下の質問をクリックしてください。