X-Password: HTML5 Web Component Input on Steroids

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]

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).

• width – Optional input width, default: 300
• name – Optional input name
• id – Optional input id
• enabled – Boolean, optional. Default: true
• editable – Boolean, optional. Default: true
• placeholder – Placeholder text, optional.
• value – Optional default value
• buttonhint – Optional tooltip for the reveal button
• visible – Optional, boolean. If set to true, the input will be rendered as text type

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!