html5support
html5support copied to clipboard
Support certain HTML 5 attributes with javascript, but only if the browser doesn't already support them.
= HTML5 Support
The aim of HTML5 is to seamlessly provide support an extremely lightweight plugin for a few commonly used html5 attributes for browsers that don't already support them.
HTML5 Support currently supports the placeholder attribute and the autofocus attribute. HTML5 Also supports type="password" fields, by special casing them, and swapping elements.
== Example
=== HTML
<input type="text" autofocus />
<input type="text" placeholder="Search Here" name="q" />
<input type="password" placeholder="Password" name="pass" />
=== jQuery
$(document).ready(function() {
$.html5support();
// or you can also run only support for what you want
$.placeholder();
// - or -
$.autofocus();
});
=== CSS
Use this CSS if you would like your placeholder text to show up grey in browsers that do not natively support placeholder.
.placeholder{ color: #888; }
== TODO
Support could be added for more HTML5 features. Ideas:
== License
HTML5 Support is licensed under the MIT License. See the MIT-License.txt file for full details.