制作物
遷移型フォーム
※サンプルでは送信ボタンは使用できなくしてあります。
ページの構成
- 1問目
- 2問目
- 3問目
- 結果ページ(お問い合わせフォームへの遷移ボタンがある)
- お問い合わせフォーム
この遷移型フォームでできること
お問い合わせフォームで入力した内容+3問の回答も送信できる。
開発環境
WordPress
「Contactform7」のプラグインでお問い合わせフォームを作成。
仕様
選択式の遷移型フォームで計3問あり。
選択しないと次の問題に進めない。
簡単なjQueryを使用し、1問目で選んだ色を3問終了時に表示。
お問い合わせフォームに入力した内容を3問の回答も含めて送信が可能。
その他
「MW WP Form」で作成することはできませんでした。
label属性が自動で補完されるため、今回の様な簡単なjQueryを使っての実装はできませんでした。
別の方法でも可能ですがhtmlの量が増えます。
