要素設定(フォーム)

機能ガイドカスタムフォーム

概要

「要素設定」ではフォームの各項目の詳細を設定することができます。
各項目ごとで設定できる内容や範囲がかわるため、「連絡先項目」と「基本的な項目」に分けて記載します。

共通項目

項目タイトル

フォームの各項目のタイトル部分を設定します。

項目タイトル画面

初期テキストを表示

フォームの入力欄に初期テキストを表示させる設定をします。

なし 入力欄をブランク状態にします。 なし項目
プレースホルダ※1 プレースホルダを設定できます。
設定する場合はプレースホルダテキストに入力します。
プレースホルダ項目
規定値※2 規定値を設定できます。
設定する場合は規定値テキストに入力します。
規定値項目
規定値とプレースホルダ フォーム上は規定値が表示され、規定値を消すとプレースホルダが表示されます。
設定する場合はプレースホルダテキストと規定値テキストに入力します。
規定値とプレースホルダ項目

※1:入力例などのテキストを薄いグレーで表示し、入力方法をユーザーに提示することができる機能。未入力の場合、値はブランクになります。
※2:規定値のため、未入力の場合、値は規定値が返されます。

オプション設定

オプション設定を変更することができます。

項目を入力必須にする 該当横目を入力必須にします。
読み取り専用にする 項目内のテキストの変更はできず表示されたままの設定にします。
※初期テキストを規定値にした場合に設定可能。

文字数制限

入力できる文字数の制限ができます。

正規表現

正規表現を入力することで、より細かい制限をかけることができます。

連絡先項目

「電話番号」:電話番号の形式

「電話番号」の項目のみで設定できる項目となります。

規定値 4~17桁の数字を入力できます。
カスタム 「####-###-####」のようにカスタムで設定をすることができます。
※未入力の場合、形式チェックは行われません。
正規表現 正規表現を入力することで、番号が有効であり、正しい形式であることを確認します。
※未入力の場合、形式チェックは行われません。
フォーマットなし 自由な形式で電話番号を入力できます。

「生年月日」「日付」:カレンダー

「生年月日」、「日付」の項目のみで設定できる項目となり、フォーム入力の際に反映される形式とカレンダーアイコンを押した時の挙動を設定できます。

日付形式 YYYY/MM/DDなど表示される形式を設定できます。
カレンダー表示 カレンダー表示の時に「過去」及び「未来」を表示させるか設定できます。
週の始まり曜日 週の始まり曜日を選択できます。
有効な曜日 有効な曜日を選択できます。

基本的な項目

「数字」:サポートされている数値の形式

サポートされている数値の形式を選択できます。

「数字」:値の制限設定

値の最大値、最小値を設定することができます。

「ラジオボタン」「マルチチェックボックス」「ドロップダウン」:選択肢

選択肢の追加、編集、削除ができます。

選択肢の追加

選択肢は「選択肢を追加」を押下することで新規追加ができます。
※画像はラジオボタンの場合です。

選択肢追加画面

選択肢の編集

選択肢は右側の「…」マークを押下することで各選択肢の編集をすることができます。

デフォルトで選択 選んだ選択肢が予めチェックされている状態になります。
※チェックしてる場合は「選択を解除」で外すことができます。
ドロップダウンの場合は上からの表示になるため、デフォルト設定はできません。

ラベルを編集 選んだ選択肢のラベル名を変更することができます。
削除 対象の選択肢を削除します。
選択肢の入れ替え

選択肢の順番は移動させたい選択肢をドラッグさせることで順番を変更することができます。

選択肢入れ替え画面

「チェックボックス」:必須設定

該当のチェックボックスに対して、入力必須にしたり、デフォルトで選択状態に設定することができます。

「チェックボックス」:ラベルテキスト

チェックボックスは一つのラベルのみのチェックボックスとなります。ラベルテキストでは該当のチェックボックスのラベルの編集とそのラベルテキストに対してリンクを設定することができます。
一例として利用規約の同意などのように、チェックさせたい内容が別ページにある場合などに使用ができます。

「マルチチェックボックス」:選択数の制限

マルチチェックボックスは複数回答ができるチェックボックスとなります。選択数の制限を設定することで複数回答の下限数と上限数を設定することができます。

「ドロップダウン」:初期表示

ドロップダウンはラジオボタンやチェックボックスのように全ての項目が表示されている訳ではないため、初期表示の設定をすることができます。

なし 初期状態ではプルダウン項目はブランクになります。
プレースホルダテキスト プレースホルダテキストを設定することができます。
※入力例などのテキストを薄いグレーで表示し、入力方法をユーザーに提示することができる機能。未入力の場合、値はブランクになります。
ドロップダウンの項目 選択肢の一番上の選択肢が表示されます。
※ユーザーが選択していなくても、値は表示の選択肢になります。

「日時」「月日」「時」:初期表示

「日時」「月日」「時」では初期表示を設定する際に、「現在時刻」や「今日の日付」などその日時に合わせた表示設定や特定の日付や時間を表示させることが可能です。

なし 初期状態はブランクになります。 「日時」「月日」「時」共通
プレースホルダ プレースホルダテキストを設定することができます。
※入力例などのテキストを薄いグレーで表示し、入力方法をユーザーに提示することができる機能。未入力の場合、値はブランクになります。
「日時」のみ
現在時刻 現在の時刻が表示されます。 「日時」「時」共通
特定時刻を指定 特定時刻を指定できます。
※「日時」は「日付, 時刻」のように、区切り文字(カンマ)を使用してください。
「日時」「時」共通
今日の日付 今日の日付が表示されます。 「月日」のみ

「日時」「時」:時刻

ユーザーが時間の入力をする際の入力方法を設定することができます。

時間形式を選択 「12時間制」か「24時間制」を選択できます。
入力方法を選択

テキストのみ テキストでの入力になります。
ステッパー 時間区切りの分数単位で上げ下げができるようになります。
ドロップダウン 時間区切りの分数単位でプルダウン項目から選択できるようになります。
時間の区切り(分) ステッパー、ドロップダウンの際の区切りの単位を設定できます。