jQuery Forms Plugin & Tutorials with Example

jQuery Add Input Area

jQuery Add Input Area

jQuery plug-in. You can add or delete the list of input area.

Responsive Newsletter Form with CSS3 & jQuery

Responsive Newsletter Form with CSS3 & jQuery

A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

Formify : JavaScript Forms Building Plugin

Formify : JavaScript Forms Building Plugin

Formify is a simple-to-use JavaScript library that will change your work with forms forever. It does not require any knowledge of JavaScript or copying the fields templates.Formify supports mobile devices working on the most popular mobile systems such as iOS, Android or Windows Phone.

In addition to the basic activities Formify also has support for touch events such as dragging or moving.

Card : jQuery Plugin to Make your Credit Card form better

Card : jQuery Plugin to Make your Credit Card form better

Card  a jQuery plugin will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

Drag and drop form builder using bootstrap

Drag and drop form builder using bootstrap

I was working on a web survey type of project with a requirement that admin users should be able to build forms on the go, which will then be displayed to user to fill up and submit. while browsing i came across this nice script Formbuilder.

drag and drop form builder is simply a interface to build your own web forms, On each move it generates json output which you can use to rebuild the html form at run time.

Fullscreen Form Interface with CSS3 & JavaScript

Fullscreen Form Interface with CSS3 & JavaScript

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.

JavaScript Undo Manager

JavaScript Undo Manager

Simple undo manager to provide undo and redo actions in your JavaScript application.

jQuery Textarea Full Screen Plugin

jQuery Textarea Full Screen Plugin

jQuery plugin textarea fullscreen mode plugin.

Inspiration for Custom Select Elements with CSS3 & JavaScript

Inspiration for Custom Select Elements with CSS3 & JavaScript

Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform the HTML elements into a structure that allows us to do some better styling, especially for more complex inputs like the select element. Once a custom structure is in place, the possibilities are really endless and the aim of creating a better experience for the user can be reached more easily.

floatlabels.js : jQuery Plugin for Float Label Pattern

floatlabels.js : jQuery Plugin for Float Label Pattern

Follows the famous Float Label Pattern. Built on jQuery.The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.



Best jQuery websites design awards