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.
<input type="password" id="password">
<input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password

Show password

No comments:

Post a Comment