X-Password: HTML5 Web Component Input on Steroids

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

Just finished my new experiment with HTML5 Web Components and Mozilla X-Tags, called X-Password. What you get is a JavaScript-less extended password input, allowing Windows 8-like password reveal behavior out of the box:

[sourcecode language=”javascript”]
<acidjs-xpassword></acidjs-xpassword>
[/sourcecode]

x-password

The input supports all JavaScript getters, setters, events and form submission is handled natively. X-Password does not have any required attributes, but to achieve different behaviors you may play with the following (and also any other HTML attribute).

You can check the demo and download X-Password on this page, and if you are interested in the exciting world of HTML5 Web Components, you may check my other posts dealing with this technology.

Have a great weekend!

Categories and Tags
Links

© 2006 - 2018 Martin Ivanov