How to add a show password checkbox

Question

I'm creating a login form in html so i want to add a checkbox which then makes the password clear and the user can see it . How can i achive that

Answer 1

Using JavaScript you can make that
<input type="password" id="password">
<input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password

Answer 2

ow it worked 😂😂😂 thank you guys , I appreciate a lot

Answer 3

Flip the type of input field on check/uncheck of checkbox.
Like on checked - document.getElementById('input').setAttribute('type', 'text');

And on unchecked - document.getElementById('input').setAttribute('type', 'password');

Answer 4

Hey, check my code. There is your problem solved.

https://code.sololearn.com/WwmFrrGSX8ez/?ref=app

Answer 5

Hello, first of all, I am sorry for my English xD

Ok, you can set a button and with an onclick event, use Javascript to change the Input type. So it changes from password to text.

Answer 6

https://code.sololearn.com/W0D3TXwRd8RN/?ref=app

Answer 7

https://code.sololearn.com/W0cf1rVw0kZh/?ref=app