jQuery Forms Plugin & Tutorials with Example

jQuery AutoSave Plugin

jQuery AutoSave Plugin

Whenever a change event happens any <input> element on the page, the elements new value will save to the specified url. It will also send all other data-* attributes, as well as the ‘name’ and ‘value’ attributes.

Multiple Select : jQuery plugin to select Multiple elements with Checkboxes

Multiple Select : jQuery plugin to select Multiple elements with Checkboxes

Multiple select is a jQuery plugin to select multiple elements with checkboxes.

Switchery : iOS 7 Style Switches for your Checkboxes

Switchery : iOS 7 Style Switches for your Checkboxes

Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.

jQuery CoolFrom Plugin

jQuery CoolFrom Plugin

jQuery plugin for styling form fields.coolForm gets your website font. Besides this, you can custom the coolButtons color. Just select the color that most fits your website and add the corresponding class.

Smart Forms with jQuery Html5 & CSS3

Smart Forms with jQuery Html5 & CSS3

Smart Forms is a responsive professional Form Framework / pack 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.

Features:

  • Multiple form inputs
  • File inputs / uploaders
  • CSS3 checkboxes + Radios
  • CSS3 toggle switches
  • CSS3 review & rating
  • Tooltips + vector icons
  • Notification alerts
  • CSS3 multi shape buttons
  • Animated progress bars
  • Simple pricing tables
  • Ajax form processing
  • Input masking
  • PHP CAPTCHA with refresh support
  • 40+ starter templates included
  • Date & time picker widgets

jQuery checkradios : jQuery Plugin to use CSS to style checkboxes and radios

jQuery checkradios : jQuery Plugin to use CSS to style checkboxes and radios

A lightweight jQuery Plugin that allows you to use CSS to style checkboxes and radios without using images.

This jQuery plugin was designed to allow you to fully customize checkboxes and radios without using standard images and with scalability in mind. Most plugins I have come across use images such as jpegs and pngs to add custom checkbox ticks and radio circles. This plugin instead uses vector based icons/fonts to add in the ticks and circles which allows far greater customisation as well as scalability and ultimately much greater control over the checkboxes and radios using css.

Rangeslider.js : jQuery polyfill for the HTML5 Range Slider Element

Rangeslider.js : jQuery polyfill for the HTML5 Range Slider Element

Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element.

Features:

  • Touchscreen friendly
  • Recalculates onresize so suitable for use within responsive designs
  • Small and fast

jQuery – Ultimate Fancy Form

jQuery - Ultimate Fancy Form

Your forms deserve to fancy and create an impression.

Features:

  • 10 Main concepts
  • 6 Premade bootstrap templates
  • 6 Premade workless templates
  • 6 Premade Foundation Templates
  • Validation
  • Elegant Sound
  • Easy Multiple Select
  • Story Box
  • CSS Transitions

MLKeyboard : jQuery virtual keyboard with Multilanguage Option

MLKeyboard : jQuery virtual keyboard with Multilanguage Option

ML Keyboard is a jQuery virtual keyboard with features to change input layouts on the flight.By default plugin goes with all layouts included, but it’s possible to customize plugin and left only some layouts as also new layouts can be easy added.

PowerRanger : jQuery plugin to Resize Number

PowerRanger : jQuery plugin to Resize Number

A jQuery plugin to resize number (ranged) inputs based on length of characters.

Tired of BORING number inputs that are hard to see when the numbers are too long? Tired of numbers that are too small inside the box? Add some POWER to your inputs with POWER [input] RANGER! Works great for max/min number inputs, part of the SWEET html5 spec.



Best jQuery websites design awards