WEBの欠かせない要素の一つフォーム。お問い合わせから、アンケートまで、様々な情報をユーザーから取得する際に利用されていますが、項目や、表示の仕方によっては、面倒な印象を与え、思ったように情報が得られなかったりしますが、今回紹介するのは質問項目のカテゴリーごとにスライド表示でフォームを表示できる「Fancy Sliding Form with jQuery」を紹介したいと思います。

実際に動作しているデモは「Fancy Sliding Form with jQuery」をご覧下さい。単純にスライダー表示させているだけでなく、スライダーを動かした段階で、入力項目がキチンと入力されているかどうかの判定も行えるみたいです。

詳しくは以下

実装は比較的簡単で、サンプルファイルが一式サイトからダウンロードできますので、WEB制作をされている方なら実装はそこまで難しくないと思います。デザインはCSSで制御されていますので、カスタマイズも用意です。

あまりにも質問項目が多い場合などはこういったフォームの方が良いかもしれません。

Fancy Sliding Form with jQuery | Codrops