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. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  2. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  3. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  4. jquery.horizonScroll.js
  5. bringins

    JavaScript

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

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

  6. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP