Skip to content

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

License

Notifications You must be signed in to change notification settings

vaxul/html5support

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published