no-image

JavaScript

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

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

bs-stepper

デモ

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

bs-stepper

no-image軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」前のページ

ミニマルなイメージギャラリーを実装できる「Albery」次のページno-image

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP