フォームの設計確認

架空:こもれび工房 お問い合わせフォーム

宛先:こもれび工房 ご担当者様

フォームの目的

商品や制作の相談を受け付けるため、公開前に質問項目と表示の並びを確認する。

設計確認用の見本です。回答の入力・送信・収集はできません。必須や型は実装予定の仕様で、入力チェックを実行するものではありません。

共有する仕様:7項目 · 必須 5 / 任意 2

1. 項目の仕様一覧

相手と確認する項目・選択肢・確認メモ
順項目名型必須・任意詳細
1お名前1行テキスト必須
入力例・案内表示
例:山田 花子
説明
呼びかける際に使うお名前。
確認メモ
未記入
2メールアドレスメールアドレス必須
入力例・案内表示
例:name@example.com
説明
返信先として使用する予定。
確認メモ
確認用の再入力欄が必要か、実装前に決める。
3電話番号電話番号任意
入力例・案内表示
例:000-0000-0000
説明
電話での連絡を希望する場合のみ。
確認メモ
未記入
4お問い合わせの種類プルダウン(1つ選択)必須
入力例・案内表示
内容に近いものを選んでください
説明
未設定
選択肢
  1. 商品について
  2. 制作の相談
  3. その他
確認メモ
未記入
5ご希望の連絡方法ラジオ(1つ選択)必須
入力例・案内表示
未設定
説明
未設定
選択肢
  1. メール
  2. 電話
確認メモ
電話を選んだ場合の連絡先確認は、別途実装方法を決める。条件分岐はこの見本にはありません。
6関心のある内容チェックボックス(複数選択)任意
入力例・案内表示
未設定
説明
複数選択できる予定。
選択肢
  1. 木の器
  2. 暮らしの小物
  3. オーダー制作
確認メモ
未記入
7お問い合わせ内容複数行テキスト必須
入力例・案内表示
相談したいことを記入する予定の欄
説明
制作の相談は、用途や希望時期も分かる範囲で。
確認メモ
未記入

2. 表示の並び見本

入力できない静的な表示です。実サイトの見た目や入力時の挙動を保証するものではありません。

1. お名前 必須

例:山田 花子

呼びかける際に使うお名前。

2. メールアドレス 必須

例:name@example.com

返信先として使用する予定。

3. 電話番号 任意

例:000-0000-0000

電話での連絡を希望する場合のみ。

4. お問い合わせの種類 必須

内容に近いものを選んでください

商品について

制作の相談

その他

プルダウンとして実装予定・上は選択肢一覧

5. ご希望の連絡方法 必須

メール

電話

1つ選択する予定

6. 関心のある内容 任意

木の器

暮らしの小物

オーダー制作

複数選択できる予定

複数選択できる予定。

7. お問い合わせ内容 必須

相談したいことを記入する予定の欄

制作の相談は、用途や希望時期も分かる範囲で。