Best jQuery Forms Plugins & Tutorials with Demo

    Creative Button Styles with JavaScript & CSS3

    Creative Button Styles with JavaScript & CSS3

    Today we would like to give you some button inspiration. This button set consists of some simple, creative and subtle styles and effects to inspire you. The effects can be seen when hovering on some buttons and clicking on others. Mostly, CSS transitions are used but also CSS animations and for some buttons we use a bit of JavaScript to add/remove effect classes.

    jQuery Bootstrap switch

    jQuery Bootstrap switch

    Bootstrap switch is totally based on twitter bootstrap library with the help of jQuery.

    jQuery Bootstrap Select

    jQuery Bootstrap Select

    A custom select / multiselect for @twitter bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

    Stepper : jQuery plugin for cross browser number inputs

    Stepper : jQuery plugin for cross browser number inputs

    A jQuery plugin for cross browser number inputs.Stepper adds support for number input fields, allowing values to be incrementally adjusted.

    widearea : Create expandable textarea with JavaScript & CSS

    widearea : Create expandable textarea with JavaScript & CSS

    Lightweight, easy-to-use JavaScript/CSS library to create expandable textarea and write large amount of text easily.

    Bootstrap Multiselect : jQuery based multiselect dropdown menu plugin

    Bootstrap Multiselect : jQuery based multiselect dropdown menu plugin

    Bootstrap Multiselect is a jQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.

    Natural Language Form with Custom Input Elements in CSS3 & JS

    Natural Language Form with Custom Input Elements in CSS3 & JS

    An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.The idea is to turn a classic form into one that uses natural language to obtain information from the user. For that we’ll construct a sentence where some words and parts are select elements and text inputs. We’ll then transform the select elements so that we can customize them.

    Natural language forms are quite suitable for some UI cases, not for all, of course. They have a couple of limitations but they can also be more engaging for users if used in the right place and in the right way. Anyway, we wanted to give this concept a try and we’ll show you how we did it.

    jQuery-Tristate : Checkbox-plugin

    jQuery-Tristate : Checkbox-plugin

    A plugin that allows for checkboxes in nested lists to receive indeterminate state.

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    flexibleArea.js : jQuery plugin that dynamically updates Textarea’s Height

    flexibleArea.js : jQuery plugin that dynamically updates Textarea's Height

    A jQuery plugin that dynamically updates textarea’s height to fit the content.This plugin works for textareas with fixed width as well as for textareas with fluid width. The CSS resize property is set to “none” by this plugin, which means you will not be able to manually resize the textarea.