[Jquery] 8 jQuery Form Label (HTML5 Placeholder) Plugins

8 jQuery Form Label (HTML5 Placeholder) Plugins

 

http://www.jquery4u.com/plugins/8-jquery-form-label-html5-placeholder-plugins/

 

HTML5 Placeholder Example

<input type="text" name="email" placeholder="Your email..." />

Let’s take a look at the plugins!

1. Sticky Placeholders jQuery Plugin

Tested works IE7+

SourceDemo

2. jQuery Form Labels Plugin

The jQuery FormLabels Plugin is a result of working with hundreds of different clients, sites, and especially forms. Every form is different, so building a uniform label generator was not an easy task.

SourceDemo

3. jQuery Placeholder Plugin

This is a simple plugin for jQuery that provides support for the HTML5 placeholder attribute in browsers that do not already support it.

Source + Demo

4. jLabel

A jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions.

Source + Demo

5. Sign in Form Placeholders

Tested works IE7+

Source + Demo

6. In-Field Labels jQuery Plugin

A simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins.

Source

7. movinglabels

A jQuery Plugin, presented by Ape Unit GmbH, coded by Paul Lunow.

Source + Demo

8. Advanced jQuery Placeholder Plugin (cross-browser support)

Plugin that enables you to use the Placeholder attribute inside your input fields.

Source

AUTHOR: Sam Deering. Find out more about jQuery4u author on Google Plus.