今回のチュートリアルでは、フォームに任意の項目を追加してみたいと思います。ラジオボックスを利用し、年代の項目を増やします。

入力側に追加するときの記述について

　エンドユーザーが入力画面として利用するのは、初期の入力画面( step )と、再入力画面( step#reapply )なので、まずはそれらのブロックを編集します。下記にサンプルコードを用意しました。このコードを元にチュートリアルを進めます。

入力画面( step )と再入力画面( step#reapply )のサンプルコード

入力された値のチェックと変換

a-blog cmsのフォームには、入力された値のチェックや変換といった、フォームオプションと呼ばれる機能があります。

入力ステップの分割

アンケートフォームや携帯用フォームなどで

アンケートのように入力項目が多くなりがちなフォームや、携帯など1度に表示させられる情報に限りがある場合、入力ステップを分割することがあります。

今回のチュートリアルでは、a-blog cmsのフォームで入力ステップを分割するための設定を紹介していきます。サンプルファイルも新しいものを用意しました。ダウンロードして、お使いのテスト環境に設置し、チュートリアルを進めてください。

一連のフォームとして動作するように画面遷移を設定

前回の前編では、下準備としてステップの名前と、そのステップに含まれる入力フォームの編集までを行いました。今回は、それらのステップを一連のフォームとして実際に動作するように、ステップ間の遷移をつなげていきます。