https://github.com/varunsridharan/vsformbuilder
A Simple & Lightweight JS Library To Build HTML Forms
https://github.com/varunsridharan/vsformbuilder
datetime form-builder form-framework html-form html-form-builder html-forms html-tags javascript javascript-form javascript-form-builder javascript-forms javascript-framework javascript-library js-form-builder radio
Last synced: 7 months ago
JSON representation
A Simple & Lightweight JS Library To Build HTML Forms
- Host: GitHub
- URL: https://github.com/varunsridharan/vsformbuilder
- Owner: varunsridharan
- License: mit
- Created: 2017-08-17T11:01:58.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-12-21T02:06:40.000Z (almost 7 years ago)
- Last Synced: 2025-02-10T15:50:37.769Z (9 months ago)
- Topics: datetime, form-builder, form-framework, html-form, html-form-builder, html-forms, html-tags, javascript, javascript-form, javascript-form-builder, javascript-forms, javascript-framework, javascript-library, js-form-builder, radio
- Language: JavaScript
- Size: 10.7 KB
- Stars: 0
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# VSFormBuilder
VSFormBuilder is a simple and light weight javascript libarary used to create html forms on the go.
| File | Size |
| ------ | ------ |
| [VSFormBuilder.js] [VSFBJS] | 28kb |
| [VSFormBuilder.min.js] [VSFBMJS] | 13kb |
### Installation
> This Libarray Requires ***jQuery***
***Production Env***
```HTML
```
***Development Env***
```HTML
```
# Features!
#### Supported Tags
VSFormBuilder Currently Support below listed html Tags for generating forms.
#### HTML Tags
> **form**
**fieldset**
**label**
**p** - Used For Field Wrap
**span** - Used For Field Help Text
#### Input Types
> **textarea** , **text**, **password**, **search**, **email**, **url**, **tel**, **number**, **range**, **date** ,**month**, **week**, **time**, **datetime**, **datetime_local**, **color**, **file**, **radio**, **checkbox**, **select**
### Usage
The below code will use **VSFormBuilder** and generate 2 textfields and radio field with 3 options.
```javascript
jQuery(document).ready(function(){
var VSFB = new VSFormBuilder();
var textfield = VSFB.text({ name : 'my_textfield', value:"MY Value"});
jQuery('body').append(textfield);
VSFB.add('form_start',{class: "",action:""});
VSFB.add("text",{name : 'text_2', value:"MY Value" , id:"MYTEXTFIELD"});
VSFB.add("radio",{name : 'text_2', options:{option1 : "Option 1",option2 : "Option 2",option3: "Option 3"} , id:"MYTEXTFIELD"});
VSFB.add('form_end');
jQuery('body').append(VSFB.generate());
})
```
License
----
MIT
[VSFBJS]:
[VSFBMJS]:
---
## Sponsored By
[](https://s.svarun.in/Ef)