フィールドの種類
Form Plant で利用できるフィールドタイプの一覧です。フィールドは管理画面の「フィールド設定」タブの「+ フィールドを追加」から、アイコン付きの一覧で選んで追加できます。
フィールドエディター
各フィールドはアコーディオンとしてその場で展開され、3 つのタブで設定します。
| タブ | 設定内容 |
|---|---|
| 基本 | フィールドタイプ、フィールド名、ラベル、プレースホルダー、選択肢などタイプ固有の設定 |
| バリデーション | 必須、文字数制限、カスタムエラーメッセージなど |
| 詳細 | 説明文 (3 箇所)、カスタム ID / カスタムクラス |
基本フィールド
| タイプ | 用途 | 主な設定項目 |
|---|---|---|
| テキスト | 1 行の自由入力 | 必須、最大文字数、プレースホルダー |
| 複数行テキスト (textarea) | 長文入力 | 必須、行数、最大文字数 |
| メールアドレス | メールアドレス入力 | 必須、バリデーションは自動 |
| 電話番号 | 電話番号入力 | 必須、ハイフンの扱い |
| 数値 | 数値入力 | 必須、最小値・最大値 |
| URL | URL 入力 | 必須、URL 形式バリデーション |
| パスワード | パスワード入力 | 強度メーター表示 (オプション) |
| 隠しフィールド (hidden) | URL パラメータ等の埋め込み値 | 既定値 |
名前・住所フィールド
| タイプ | 用途 | 備考 |
|---|---|---|
| 氏名 (パーツ別) | 姓・名を分けて入力 | 姓・名それぞれに必須/カスタムエラーを設定可能 |
| フリガナ (パーツ別) | セイ・メイを分けて入力 | カタカナバリデーション、姓/名ごと設定 |
| 郵便番号 | 7 桁の郵便番号 | zipcloud API で住所自動補完 |
| 住所 (Japan) | 都道府県・市区町村・町域・番地 | 郵便番号入力で自動補完 |
| 住所 (国際版) | 海外向け住所フォーマット | 国コード対応 |
| 都道府県 | プルダウンから都道府県選択 | 47 都道府県を内蔵 |
日付・時刻フィールド
| タイプ | 用途 |
|---|---|
| 日付 (カレンダー) | カレンダー UI から選択 |
| 日付 (プルダウン) | 年・月・日のプルダウンで選択 |
| 時刻 | 時:分のプルダウンで選択 |
選択肢フィールド
| タイプ | 用途 |
|---|---|
| セレクト (プルダウン) | 複数の選択肢から 1 つ選ぶ |
| チェックボックス | 複数選択可 |
| ラジオボタン | 1 つだけ選択可 |
特殊フィールド
| タイプ | 用途 | 備考 |
|---|---|---|
| 同意 (acceptance) | プライバシーポリシー等への同意チェック | 常に必須。詳細は下記 |
| ファイルアップロード | 添付ファイル | サイズ上限・許可拡張子を設定 |
| HTML | 説明文・区切りなど任意の HTML | 入力ではなく表示のみ |
同意フィールド (プライバシーポリシー同意)
プライバシーポリシーや利用規約への同意チェック専用のフィールドです (v1.4.0 で追加)。 チェックボックス 1 個とリンク付きの同意文言を表示し、チェックしないと送信できません (必須は固定で、オフにできません)。
設定項目
| 項目 | 内容 | 既定 |
|---|---|---|
| 項目名 | フィールドのラベル (プレーンテキスト) | — |
| 同意文言 | チェックボックスの隣に表示する文言。リンク等の HTML が使えます (下記参照)。空の場合は項目名が表示されます | 空 |
| 項目名をフォームに表示 | 項目名ラベルを同意文言とは別に表示するか | オフ |
| 確認画面に表示 | 確認画面に「同意済み」の行を出すか | オフ |
| 通知メールに含める | メール本文の項目一覧に「同意済み」の行を出すか | オフ |
| 送信データに保存 | 同意した事実を送信データに記録するか | オフ |
| バリデーショ ンメッセージ | 未チェックで送信した時のエラーメッセージ | 「送信には同意が必要です。」 |
表示・保存の 4 オプションはすべて既定でオフですが、オフでも必須チェックは常に働きます。
同意文言の書き方
同意文言には次の HTML タグが使えます: <a> (href / target / rel)、<strong>、<em>、<br>
<a href="/privacy-policy/" target="_blank">プライバシーポリシー</a>に同意する
target="_blank" を付けるとリンクが別タブで開き、入力途中のフォームが消えません。
同意の記録
「送信データに保存」をオンにすると、チェック値と合わせてその時点の同意文言のスナップショット (文言とリンク先 URL) が送信データに記録されます。あとで規約やポリシーの文言を変更しても、 「送信時に何に同意したか」を送信データの詳細画面で確認できます。
フィールド共通の設定項目
すべてのフィールドで以下の項目が設定できます。
- ラベル — 入力欄の上に表示されるテキスト
- フィールド名 — 内部識別子。HTML テンプレートやメール本文の差し込みで利用 (例:
{お名前}) - 必須 — 必須項目にする
- プレースホルダー — 入力欄の薄字ガイド
- 説明文 (3 箇所) — 「詳細」タブで、項目名の下・入力欄の上・入力欄の下 の 3 箇所に補足テキストを表示できます。リンクや太字などの HTML タグも使えます。文字色・サイズは デザイン調整 で変更できます
- カスタム ID / カスタムクラス — 「詳細」タブで、フィールドに任意の ID / CSS クラスを付与できます
- 既定値 — 初期表示する値
- カスタムバリデーションメッセージ — 形式・必須エラーで表示する独自メッセージ
さらに細かく制御したい場合
- 見た目 (色・サイズ・余白) を変えたい → デザイン調整
- レイアウトを完全に書き換えたい → HTML テンプレート
- 独自バリデーションを差し込みたい → JavaScript フック API (
window.fplant.addValidator) を使う