Top 6 jQuery HTML5 Placeholder Plugins

Sam Deering
Tweet

Here is a collection of useful placeholder plugins for jQuery. There are plenty out there but these are the best we’ve found, with plenty of features to suit any developer.

1. Placeholdem

A JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.

Placeholdem.jpg

2. jQuery Label Better

Label your form input like a boss with this plugin, using beautiful animations and without taking up space.

jQuery-Label-Better.jpg

3. Placeholder

This plugin uses different implementations of HTML5 placeholder polyfills/shims for different use cases. Check out a demo.

Placeholder.jpg
Source

4. HTML5 Placeholder jQuery Plugin

A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet. Check out a demo.

HTML5-Placeholder.jpg

5. 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.

jQuery-Placeholder.jpg

6. jQuery Placeholder Enhanced

Placeholder Enhanced enhances the HTML5 placeholder attribute by providing cross-browser support & styling. Check out a demo.

jQuery-Placeholder-Enhanced.jpg

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • M S

    Placeholdem really blows.
    Try selecting text somewhere and drag it into the fields, and you get things like:
    “Inputs or Te==THE==TEST==TEXT==xtareas”
    and the “labels” gets submitted with the content.

    Not even reloading the page clear it out.