Monday, September 9, 2013

Show and hide password checkbox for user password input


We may need to add a show password checkbox when users enter password. When users click "Show password" checkbox, the password will be switched from hidden to plain text, so users can check it for typos.
We can design a check box and use onchange event handler to switch input type between password and text.
code:
<input type="password" id="password">
<input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password
Demo:

Show password

No comments:

Post a Comment