jQuery Form Plugins allow you to decorate your default and boring forms into stunning and vibrant forms (inputs, selects, and checkboxes etc) with no or less efforts. Therefore in this article we would like to present some handpicked and useful jQuery Form Plugins for developers, following plugins will help you to generate beautiful forms as well form elements.
1. Bootstrap Chosen
3. Select2 Bootstrap CSS
5. Bootstrap Dropdown Hover
6. jQuery cForm
jQuery cForm replaces your standard, ugly form-elements with nice and clean non-form html code which can be styled via CSS. The original elements are retained, so you won’t lose any form-element related functionality. You can add custom HTML templates for all supported form elements and use CSS to style them. Or you just use the default templates and style them with the included CSS or SCSS file.
7. Bootstrap Fileinput
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects.
10. Character Counter
13. Fancy Form
14. Bootstrap Fullscren Select
Bootstrap Fullscreen Select is a custom fullscreen select / multiselect for Bootstrap using buttons or User defined elements, designed for mobile devices. This plugin makes it super easy for a user to use the ‘select’ on small touch screen devices.
15. jQuery HTML JSON Form
16. jQuery Simple Contact Form
With jQuery Simple Contact Form, you can install an ajax contact form on your website, writing only the form html code and one js code line. Emails is generated and send by the plugin (php file included). The plugin keeps the form’s labels in the email sended, using their “for” attribute. jQuery Simple Contact Form can check required and email fields too, and add a custom class error to the wrong elements.
17. jQuery Contact Tabs Plugin
A jQuery form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Both “light” and “dark” skins available. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.
Tagator is a jQuery-based replacement for input boxes, making them tagging boxes. It supports searching, and affects the original input box directly, which is used as a comma serparated data container.
19. jQuery Custom Form
20. Smart Form
Smart Forms is a responsive professional Form Framework with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features. All form elements are built prurely with CSS3 + HTML5 (no images) and enhanced with jQuery, features AJAX processing, built on a fluid 12 column grid, working AJAX PHP forms with CAPTCHA included, and can be used to build any kind of Web Forms quickly whether simple or complex, without special CSS and HTML, jQuery and PHP coding knowledge.