Skip to content
yet another placeholder plugin™
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
README.markdown
html5placeholder.jquery.js
html5placeholder.jquery.min.js
test.html

README.markdown

HTML5 placeholder plugin, version 1.01

Copyright (c) 2010-2014, Rene Pot, https://github.com/Topener/

Thanks to Mike Taylor, http://miketaylr.com for setting up initial version

MIT Licensed: http://www.opensource.org/licenses/mit-license.php

Enables cross-browser html5 placeholder for inputs, by first testing for a native implementation before building one. Special thanks to Ben Alman (http://benalman.com/) for suggesting a number of improvements.

The general strategy is one of adding a "position: absolute" label on top of the input element.

Known Issues

Firefox pre-filling input items causes issues. A possible workaround is to also set autocomplete=false on the input element(s) in question, if this makes user experience sense to do so (e.g. perhaps on a search box, but not the username field).

USAGE:

$('input[placeholder]').placeholder();

$('input[placeholder]').placeholder({ color: '#bada55' });

$('input[placeholder]').placeholder({ inheritStyle: true /*no default styles will be applied*/ });

<input type="text" placeholder="username">

You can’t perform that action at this time.