https://github.com/hangsbreaker/formbuilder
Generate Form With Javascript
https://github.com/hangsbreaker/formbuilder
bootstrap formbuilder formgenerator javascript json
Last synced: about 2 months ago
JSON representation
Generate Form With Javascript
- Host: GitHub
- URL: https://github.com/hangsbreaker/formbuilder
- Owner: hangsbreaker
- Created: 2020-08-26T14:06:28.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-03-07T00:24:54.000Z (over 1 year ago)
- Last Synced: 2025-08-22T14:00:40.899Z (10 months ago)
- Topics: bootstrap, formbuilder, formgenerator, javascript, json
- Language: JavaScript
- Homepage:
- Size: 446 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# formbuilder
Generate Form Creation Drag and Drop With Javascript Demo
# How to use
buildform([FORM ID], [JSON DATA], [LANG]);
# Example
<form id="formbuilder" method="post" action=""></form>
const form = {
"title" : "Judul Formulir",
"description" : "Deskripsi Formulir",
"form" : [
{
"type" : "text",
"question" : "Nama",
"description" : "Isi dengan nama lengkap",
"required" : true,
"data":[]
},
{
"type" : "select",
"question" : "Kelamin",
"description" : "",
"required" : true,
"data" : [
"Laki - laki",
"Perempuan"
]
}
]
};
buildform("formbuilder", form, "id");
# Add form
let formjson = {
"type" : "text",
"question" : "Telepon",
"description" : "Isi dengan nomor telepon",
"required" : false,
"data":[]
},
formbuilder_add("formbuilder", formjson, "id");