Fancy Sliding Form with jQuery

WEB制作・集客
2010.09.10
この記事は約1分で読めます。

jQueryを使った素敵なフォームをご紹介します。

 

fancyform.jpg

 

 

 

『Fancy Sliding Form with jQuery』
https://tympanus.net/Tutorials/FancySlidingForm/

 

入力項目が多いフォームはなんとなく敬遠されがちですが、これから踏むステップが見えて、一画面で見える情報が少ないとそれらのハードルが低く感じます。上記のサンプルでは、Tabキーでの項目移動+タブ切り替えができます。その辺りもとても親切ですね。

実装方法及びサンプルファイルが下記よりダウンロードできます。

Fancy Sliding Form with jQuery | Codrops
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This
tympanus.net

 

投稿者プロフィール

Nakamura
サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
２系、3系、4系すべて対応可能。

実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。

お気軽にご相談ください

お気軽にご相談ください

タイトルとURLをコピーしました