jQueryを使った素敵なフォームをご紹介します。
『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
投稿者プロフィール
- サンクユーのEC-CUBE担当。15年以上にわたりEC-CUBE開発に従事し、2系・3系・4系すべてに精通。難易度の高いカスタマイズや、他社構築サイトの改修・再設計も多数対応しています。
Javaでの業務システム開発を起点に、PHP・Perl・フロントエンド・CMSまで横断的に対応。基幹システム連携や業務フローを踏まえた設計を得意とし、複雑な要件にも柔軟に対応可能です。
ChatGPT CODEXを活用し、開発スピードと品質の両立を実現しています。
