Best jQuery Forms Plugins & Tutorials with Demo

    jQuery Bootstrap Checkbox

    jQuery Bootstrap Checkbox

    A checkbox component based on Bootstrap framework.

    transForm : jQuery Customize Form Look plugin

    transForm : jQuery Customize Form Look plugin

    Using transForm jQuery plugin you could customize the look and feel of your web forms. They will be displayed identically into every modern web browser.

    Features:

    • Supports wide range of form tags, including fieldset, legend, label, multiple select and new HTML5 input types.
    • Keeps logical structure of the form elements, so the HTTP request will be identical as normal form.
    • The drop-down menus are fully styled (not only the header).
    • Text areas can be configured to be expandable (when the caret goes to new line).
    • Configurable maximum character limit for text areas.
    • Easy to change the status of transformed elements from JavaScript (changing value, disabled, readonly, checked attributes) using acquired DOM element

    jQuery Combobox plugin for Twitter Bootstrap

    jQuery Combobox plugin for Twitter Bootstrap

    Combobox plugin for Twitter Bootstrap, based on dropdown (which is compatible down to IE7).

    FlowupLabels.js : jQuery Animated Form Placeholders

    FlowupLabels.js : jQuery Animated Form Placeholders

    Augments form labels to behave like placeholders, but with a twist.

    Munda Forms – Clean, Modern, Responsive Web Forms

    Munda Forms - Clean, Modern, Responsive Web Forms

    Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

    • Bootstrap grid system
    • 200+ icons
    • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
    • Timepicker, Monthpicker, Input masking
    • Colorpicker
    • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
    • Star rating
    • Social buttons: 53 brands.
    • CAPTCHA
    • Client side validation
    • Server side validation
    • LESS files

    Select3 : jQuery light-weight Selection library

    Select3 : jQuery light-weight Selection library

    Select3 is a modular and light-weight selection library for jQuery and Zepto.js. It has the following benefits:

    * Rich UI. Select boxes made by Select3 have rich functionality, work out of the box and are customizable.
    * Modular. Select3’s modular approach is aimed to make it easy to create custom builds with just the features that you care about and to easily swap modules for custom ones.
    * Light-weight. Select3 is smaller than comparable selection libraries, even if you’re using the &full& build with all features packed in.
    * Compatibility. Select3 can be used with both jQuery and Zepto.js and is compatible with jQuery builds without Sizzle.

    Flatcheckbox : jQuery Styleable Checkbox Plugin

    Flatcheckbox : jQuery Styleable Checkbox Plugin

    Service flatcheckbox is a small jQuery plugin that serves 2 purposes:

    • It styles a checkbox any way you want by hiding the <input type="checbox" /> and replacing it with a styled div. The css file that comes with the component creates a ‘flat’ checkbox (comparable with how you see checkboxes on Windows 8.x apps).
    • It binds your event handler to the element.

    Inspiration for Text Input Effects with CSS3

    Inspiration for Text Input Effects with CSS3

    Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.

    Form inputs offer a great opportunity to add some subtle and interesting effects to a web page. They are elements that your user will interact with at some point and making them fun to use can enhance the experience. We are used to the default form resembling its paper counterpart but in the digital world we can be more creative. Today we want to share some experimental styles and effects for text inputs with you.

    Highlighting Text in Textarea with jQuery plugin

    Highlighting Text in Textarea with jQuery plugin

    jQuery plugin for highlighting text in textarea.

    jQuery Form Cache Plugin

    jQuery Form Cache Plugin

    A simple jQuery form cache plugin.