フィールドアイテムの設定
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックでは、フォームに追加した後にさまざまな 種類のフィールドアイテム を設定する方法について説明します。フィールドアイテムを選択すると、右側のパネルにその外観や挙動を変更できるオプションが表示されます。
ボタンフィールドの設定
フォームにアクションボタンフィールドを追加すると、ページによってSubmitボタンやBack/Nextボタンが追加されます。
各ページには1つのボタンが必要です。ページに最初のフィールドを追加すると、自動的に送信ボタンが追加されます。削除すれば、手動で再度追加できます。
SubmitまたはNextボタンを設定するには、以下のことができます。
-
ボタンの色、背景、枠、ラベルのテキストを設定してください。
-
ユーザーがボタンをクリックしたときに開くリンクを追加しましょう。
-
Label欄に表示名を入力してください。
-
スタイリングオプションを使ってアクションボタンのラベルのスタイルを編集してください。
-
ボタンの幅、余白、ラベルのパディング、境界の幅と半径を設定してフォーマットします。
フォームが複数ページある場合は、右ペイン下部のBack buttonセクションを展開して必要な変更を加えてください。
メールまたは電話フィールドの設定
メールや電話欄をフォームに追加する際は、右側のペインにある編集オプションを利用できます。以下のような機能があります:
-
プリフィル値を追加してください。
-
フィールドを隠せ。
-
メールアドレスのユーザー入力形式を検証するには、Patternフィールドに正規表現を入力してください。
電話番号については、Forms intl-tel-inputプラグインを使用し、そのプラグインはユーザー入力の検証にgoogle/libphonenumberpluginを用います。
短文または長文のフィールドを設定できます
テキスト入力欄を追加することで、エンドユーザーは短いテキストも長さも入力でき、好きな長さまで入力できます。右側のペインでは、以下のような編集オプションを利用できます:
-
フィールドにラベルを付け、フィールド内に表示するプレースホルダーテキスト、そしてフィールドの下にヘルプテキストを追加します。
-
最大文字数制限を設定しましょう。デフォルトの制限は、短いテキストフィールドは200文字、長いテキストフィールドは1,000文字です。フィールドを空けておくと、フィールドは無限になります。
-
例えば、メンバー IDのような短いテキストフィールドでは、Patternフィールドに正規表現を入力することでユーザー入力のフォーマットを検証できます。
-
プリフィル値を追加してください。
-
フィールドを隠せ。
選択フィールドとマルチセレクトフィールドの設定
選択またはマルチセレクトフィールドを追加すると、以下の編集オプションでリストまたはマルチセレクトリストが追加されます。
-
フィールドのラベルを編集し、空欄の間に表示されるプレースホルダーテキストを定義し、フィールドの下にヘルプテキストを書きます。
-
ユーザーが選んでほしいオプションを追加してください。ウェブフック経由で送信するカスタムテキストを定義したい場合は(オプションラベルの代わりに)、Custom valuesをクリックして各オプションのカスタムテキストを入力してください。エンドユーザーはこのカスタムテキストを見ることはありません。
-
マルチセレクトフィールドについては、エンドユーザーが選択してほしい最大オプション数を指定します。
日付と数字フィールドの設定
日付欄を追加すると、フォームに日付選択機能が追加されます。日付フィールドと数字フィールドの編集オプションは以下の通りです:
-
プリフィル値を追加してください。
-
フィールドを隠せ。
ラジオボタンとチェックボックスフィールドの設定
フォームにラジオボタンフィールドやチェックボックスグループフィールドを追加すると、以下の設定も可能です:
-
ラジオボタンやチェックボックスのグループラベルを編集してください。
-
ユーザーが選んでほしいオプションを追加してください。ウェブフック経由で送信するカスタムテキストを定義したい場合は(オプションラベルの代わりに)、Custom valuesをクリックして各オプションのカスタムテキストを入力してください。エンドユーザーはこのカスタムテキストを見ることはありません。
-
オプション間の間隔を設定してください。
-
フィールドアイテムのスタイルを変更するには、必要に応じてRadio StylesまたはCheckbox Stylesセクションを展開してください。
T&Cチェックボックスフィールドを設定する
T&Cチェックボックス欄は、リーガルテキスト欄付きの利用規約チェックボックスを追加します。以下のようにカスタマイズ可能です:
-
テキストツールバーを使って法的テキストをカスタマイズしてください。
-
Checkbox Stylesセクションを展開してチェックボックスをスタイリングしてください。
法的文書には、受け取る者が何に同意しているのか正確に把握できるように、どのようなデータ処理を行う予定かが明記されていることが多いです。
reCAPTCHAフィールドの設定
reCAPTCHAフィールドを追加して、不正利用や不正行為からサイトを守りましょう。以下のようにカスタマイズできます:
-
あなた自身の承認メッセージを追加してください。
-
Invisible reCAPTCHAをクリックすると、ウェブサイト上のユーザーの行動を分析し、ユーザーが人間かボットかを判断できるため、パズルを解いたりチェックボックスをクリックしたりする必要がなくなります。
ファイルアップロードフィールドの設定
ファイルアップロードフィールドを追加することで、フォームのユーザーはデバイスから1つ以上のファイルを選択してアップロードできます。
ファイルアップロードフィールドを通じて提出されたすべてのファイルは、フォーム提出時間に関係なくアップロード後24時間で期限切れとなります 。この期間を過ぎると、ファイルは当施設のストレージから永久に削除されたため、ダウンロードはできません。この期間内にファイルをダウンロードして保存することを忘れないでください。
このタイプのフィールドは以下のようにカスタマイズできます:
-
フィールドのラベルとヘルプテキストを入力してください。
-
1から10までの数字を入力して、1つのファイルの最大サイズを設定します。デフォルトでは、すべてのファイルの制限は5MBに設定されています。
-
1から10までの数字を入力して、アップロードできる最大ファイル数を設定します。
-
アップロード可能なファイル形式を指定してください。
-
Include metadataをクリックすると、ファイル名とファイル形式をウェブフックのペイロードに追加できます。
注記このオプションを選ぶ際は、新しいデータ構造に対応するためにウェブフックを更新する必要があります。
-
フィールドを隠せ。
