no-image

JavaScript

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

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

bs-stepper

デモ

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

bs-stepper

関連記事

  1. GRT Responsive Menu
  2. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  3. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  4. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

  5. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  6. qpScroll

最近の記事

  1. F7U070bt
  2. 生きている玄米と玄米酵素ブレンド雑穀
  3. BOOST↑CHARGE Apple Watch用モバイルバッテリー

アーカイブ

PAGE TOP