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

関連記事

  1. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

  2. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  3. Sticky Slider Navigation(Responsive)
  4. PopCircle
  5. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  6. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP