Update 10 new plugins For Responsive Design
jQuery Form Generator is a terrific form tool! Designing jquery modal forms with jQuery on-fly validation has never been easier and fun as it is with jQuery Form Maker. It features a drag-n-drop GUI, no-coding, stylish jQuery form skins, pure CSS style form elements, and anti-spam Google capture.
jQuery Highlight plugin highlight currently active row in a form. This makes it more user friendly especially in larger screens and smaller screens. The highlighting can be toggled on click.
An important part of forms is file uploading. With the advanced HTML5 File API and other browser technologies, file uploading is very responsive now.
Validation is an important step in form submission. Client side validation ensures fast validation. It also reduces number of client server requests.
It is always suggested to use a datepicker for the user to enter a date input. This reduces the format error of dates. Also we can restrict the user from selecting a past date if needed.
Switchbutton gives you an advanced checkbox with on and off state. It has a beautiful sliding on and off transition. The design of switchbutton is inspired by iphone styles. It requires jQuery 1.6+ for working.
Different browsers render form input elements differently. To obtain a cross browser uniform styling use uniform.js. It styles most of the input elements like buttons, select, checkbox, radio etc. It requires jQuery 1.6+ for working.
jQTransform is a form styling plugin. It is licensed under GPL License. The form styling can be further customized by editing the associated css file. The plugin works in almost all browsers even in IE6.
You might have seen multiple select as shown above in facebook. It allows users to select options using an autocomplete form. Once the user selects a value it is added to the list.
Ideal forms is a smaller, faster and extensible jQuery form plugin. It works in IE9+ and in all modern browsers. It is licensed under GPL or MIT License. The plugin has in inbuilt validation. It is responsive and works in all screens.
5. AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window.
13. meioMask – a jQuery Mask Form Input Plugin is a simple to use plugin for creating and applying maskstot text input fields.