javascriptjavascript-libraryradioform-builderdatetimehtml-formjs-form-builderjavascript-frameworkjavascript-formsjavascript-form-builderjavascript-formhtml-tagshtml-formshtml-form-builderform-framework
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Varun
94a873f1ec
|
5 years ago | |
---|---|---|
LICENSE | 7 years ago | |
README.md | 5 years ago | |
_config.yml | 7 years ago | |
vsformbuilder.js | 7 years ago | |
vsformbuilder.min.js | 7 years ago |
README.md
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
<script src="https://raw.githubusercontent.com/technofreaky/VSFormBuilder/master/vsformbuilder.min.js"></script>
Development Env
<script src="https://raw.githubusercontent.com/technofreaky/VSFormBuilder/master/vsformbuilder.js"></script>
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.
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