jQuery form builder plugin

This Form Builder is a jQuery plugin that turns a textarea into an online form builder for letting your users quickly build their own web forms via drag and drop.

Online Drag & Drop jQuery form builder

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.

List of built-in controls:

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

Sample

jQuery($ => {
  $('#fb-editor').formBuilder();
});

License: MIT

Homepage

https://formbuilder.online/

Docs

https://formbuilder.online/docs/

GitHub

https://github.com/kevinchappell/formBuilder

See also

jQuery JSON form builder – HTML forms from JSON Schema

JavaScript format input while typing – Cleave.js

Bootstrap dual listbox solution

Bootstrap input spinner – TouchSpin

Choices.js – nice select inputs UI

jQuery autocomplete with nice effect – Tab Complete

JavaScript JSON editor online

Progression.js – jQuery form progress indicator

Enjoy jQuery form builder online.