| Placeholder plugin for jQuery |
|---|
A jQuery plugin that enables HTML5 placeholder support for legacy browsers |
| The HTML5 placeholder attribute is awesome, unfortunately only supported by some browsers. This |
plugin replicates the placeholder behavior for unsupported browsers. |
| Compatibility: |
| ^^^^^^^^^^^^^^ |
| IE 6+ |
| Firefox 3+ |
| Safari 3+ |
| Chrome ✓ |
| Opera ✓ |
| iPhone ✓ |
Android ✓ |
| Please note |
| The placeholder attribute should not be used as an alternative to a label. |
If you must hide labels, do it with JavaScript as you activate the placeholder. |
| Usage |
It's easy!:
$('input[placeholder], textarea[placeholder]').placeholder();Enjoy.
Native styling of HTML5 placeholders:
::-webkit-input-placeholder {color: red;}
:-moz-placeholder {color: red;}jQuery-Placeholder toggles a .placeholder class for browser that don't natively support placeholders:
.placeholder { color: red }Copyright 2011, Daniel Stocks ( http://webcloud.se )
Thanks to Nikita Vasilyev and James Rosen for feedback and contribution.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent