/html5support

Support certain HTML 5 attributes with javascript, but only if the browser doesn't already support them.

Primary LanguageJavaScriptMIT LicenseMIT

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:

  • <input pattern=“/regex/” />

License

HTML5 Support is licensed under the MIT License. See the MIT-License.txt file for full details.