Forms.JS

Although Forms.JS is operates entirely on the client, these demos require to be uploaded on a local or test server with PHP, otherwise they will not work.

Form Controls in a Region Styled on Pageload

The most common way to initialize Forms.JS is on pageload. The form below has been styled by using the formsjs.pageload() method of the component. Use the dropdown below to add programatically new controls to the list and see them being skinned.

• select control to add add checkbox add radio add select box add file upload input add textbox add button

• name
• male
• female
• age 14-18 19-26 27-34 35-44 above 45
• select document
• comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
• I agree to the Terms and Conditions

Style the Form Controls in a Region on Demand

Forms.JS can style form elements upon user interaction or after partial page updates (AJAX). Click the button below to fire the formsjs.demand() method of the component and style the form.

• style the form below

• name
• male
• female
• age 14-18 19-26 27-34 35-44 above 45
• select document
• comments Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
• I agree to the Terms and Conditions

Forms.JS Client API

The component features rich and comprehensible API that makes in-browser operations such as form controls enable, disable and toggle very easy. Check out this page for more details and demo.