jQueryを使った素敵なフォームをご紹介します。
『Fancy Sliding Form with jQuery』
https://tympanus.net/Tutorials/FancySlidingForm/
入力項目が多いフォームはなんとなく敬遠されがちですが、これから踏むステップが見えて、一画面で見える情報が少ないとそれらのハードルが低く感じます。上記のサンプルでは、Tabキーでの項目移動+タブ切り替えができます。その辺りもとても親切ですね。
実装方法及びサンプルファイルが下記よりダウンロードできます。
![](https://www.thank-u.net/blog/wp-content/uploads/cocoon-resources/blog-card-cache/0fb1118c2ff0afda81004baa4d9eaff2.jpg)
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
投稿者プロフィール
- サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
2系、3系、4系すべて対応可能。
実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。
最新の投稿
EC-CUBE2024.07.26EC-CUBEで直販と代販を両立させる
EC-CUBE2024.05.10EC-CUBEに会社名から住所を自動で入力する機能を実装する
EC-CUBE2024.04.09卸売サイト(BtoB EC)の価格設定パターン
EC-CUBE2024.02.29cagolab.(カゴラボ)の商品一覧ページにお気に入り機能を実装する