no-image

JavaScript

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

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

bs-stepper

デモ

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

bs-stepper

関連記事

  1. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  2. no-image

    JavaScript

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

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

  3. flexImages

    JavaScript

    軽量でFlickrやGoogle画像検索のようなギャラリーのjQueryプラグイン「flexImag…

    flexImagesというjQueryプラグインを使えば、軽量でレスポ…

  4. Animated menu concept

    JavaScript

    かっこいいアニメーション付きメニュー実装「Animated menu concept」

    Animated menu conceptはかっこいいアニメーション付…

  5. Picker

    JavaScript

    iOSのようなピッカーを実装できるJSライブラリ「Picker」

    Pickerは、iOSのUIのようなピッカーを実装することができるJS…

  6. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

最近の記事

  1. FE 35mm F1.8
  2. RONIN-SC
  3. プラスシェル シティ04 フォールディングカメラケース

アーカイブ

PAGE TOP