formBuilder

JavaScript

ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

formBuilderはドラッグ&ドロップでフォームを手軽につくることができるjQueryプラグインです。ボタンやチェックボックスなどさまざまなフォームのメニュー項目が用意されています。ラベルなども自由に編集できるので、効率よくフォームを作成したい方にはとても便利ですね。

formBuilder

デモ

右側にあるメニューリストから好きな項目を左側へドラッグ&ドロップしながらフォームをつくっていきます。

並べ替えもドラッグで簡単にできるので、直感的にサクサク操作可能です。

メニューにはButton、Checkbox、Checkbox Group、Date Field、File Upload、Header、Paragraph、Radio Group、Select、Text Field、Text Areaがあります。

各項目の編集からラベルやクラスなども指定できるのがいいですね。手軽にフォームを作成できるのはもちろん、カスタマイズ性にも優れているのがGoodです。

できあがったら右側のメニューリストの下にある「</>」というボタンをクリックすると、そのフォームのマークアップが表示されます。

というわけで、ドラッグ&ドロップでサクッとフォームのつくりたいという方は、ぜひチェックしてみてはいかがでしょうか?

formBuilder

Spring Loadersポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」前のページ

YouTube動画で指定した時間から再生できるURLをコピーする方法次のページ現時点の動画のURLをコピー

関連記事

  1. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  2. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  3. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  4. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  5. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

  6. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP