ITエンジニア/デザイナ向けにオープンソースを毎日紹介

たくさんの入力欄があるフォームをまとめて入力するのは苦痛です。果てしなく続く入力欄を見ただけで気分が萎えてしまいます。そこで使えるのがウィザードです。入力欄をグルーピング、分割することで心理的負担を下げられます。

そこで使ってみたいのがjQuery Smart Wizard 4です。jQuery/Bootstrapをサポートしたウィザードライブラリです。

jQuery Smart Wizard 4の使い方

矢印形のウィザード。

サークル型。

ドット型。

モーダルウィンドウと組み合わせることも可能です。

jQuery Smart Wizard 4はjQueryとBootstrapというよくある組み合わせで使えるのが便利です。VueやReactなどのライブラリに依存することがないので、広くWebサイトで使えるでしょう。

jQuery Smart Wizard 4はjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

jQuery Smart Wizard 4 - The awesome jQuery step wizard plugin with Bootstrap support - Demo - Basic Example - Tech Laboratory

techlab/SmartWizard: The awesome jQuery step wizard plugin with Bootstrap support

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2