no-image

JavaScript

Bootstrap 4を使ったステッパープラグイン「bs-stepper」

bs-stepperはBootstrap 4を使ったステッパーを実装できるJavaScriptによるプラグインです。フォームに入力する項目を一つずつ順番に設定したい場合に便利ですね。ステップにしたがって入力していけるのでユーザーにとっても分かりやすいと思います。

bs-stepper

デモ

デモではステップごとに入力していくフォームが用意されています。例えば一番上のフォームでは、Emailアドレスを入力したあとにNextボタンをクリックすると今度はパスワードを入力するフォームに切り替わります。そしてパスワードを入力してNextボタンをクリックすると次のステップに進みます。こんな感じでステップごとにテンポよく必要な項目を埋めていけるのでとても便利です。

bs-stepper

関連記事

  1. Filterable Product Grid
  2. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  3. LC Micro Slider
  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  5. jQuery.fontFlex
  6. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP