Need help with jQuery-html5-placeholder?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Topener
123 Stars 77 Forks 52 Commits 2 Opened issues

Description

yet another placeholder plugin™

Services available

!
?

Need anything else?

Contributors list

# 32,833
macOS
pkg
nsis
msi
10 commits
# 243,075
Objecti...
titaniu...
alloy
Node.js
3 commits
# 50,605
JavaScr...
CSS
Shell
Node.js
2 commits
# 105,664
CSS
HTML
React
mapbox-...
1 commit
# 161,056
Symfony
PHP
Shell
menu-ge...
1 commit
# 48,858
textboo...
React
atomic-...
lodash
1 commit
# 199,364
CSS
Shell
web-sta...
interop...
1 commit
# 570,883
CSS
c-sharp
Shell
graph-d...
1 commit
# 29,411
js
spec
ecmascr...
specifi...
1 commit
# 14,297
Rails
sidekiq
automat...
python-...
1 commit

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*/
});

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.