# jQuery formBuilder
Drag and drop form creation for your app.

<p data-height="570" data-theme-id="0" data-slug-hash="vLjOLL" data-default-tab="result" data-user="kevinchappell" class="codepen"></p>

## Introduction
jQuery formBuilder is a 100% client-side plugin that gives users the power to create forms using an intuitive drag and drop interface. FormBuilder supports a number of form fields and some html tags.

formRender is the companion plugin to formBuilder that lets you render the results of the created form. A typical use case would have formBuilder in an admin area of a site or app and formRender on the front-end. For this reason formRender and formBuilder are 2 separate plugins but can be used together to create an [edit toggle](http://codepen.io/kevinchappell/pen/obyeya).

### Features
* Customization - enable only the fields you need, use your own notifications append or prepend content and more.
* Bootstrap ready but not dependent
* [Translatable](http://codepen.io/kevinchappell/pen/PNZZmw)

### Browser Support
![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) |
--- | --- | --- | --- | --- | --- |
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11 ✔ |

### List of built-in controls

- autocomplete
- button
- checkbox-group
- date
- file
- header
- hidden
- number
- paragraph
- radio-group
- select
- starRating
- text
- textarea