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.


2. jQuery Label Better

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


3. Placeholder

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


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.


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.


6. jQuery Placeholder Enhanced

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


Tags: JavaScript, placeholder, plugin
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • Rogerwilcode

    nice coverage of plugins. My only thought is I’d have to be REALLY swayed by some mysterious force to bloat a site for the sake of having placeholders, and built in styles for my inputs and forms. I guess there would have to be a heavy argument for usability vs. performance on the given project.

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

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.