Show password eye icon html and javascript

The HTML <input type=“password”> element is a specific type of input elements used to create input fields that deal with passwords .

It is designed to deal with passwords so it’s more secure than the normal <input type=‘text’> we see in every form on the internet.

First: It makes the password not visible to anybody sitting around you by showing “.” or “*” instead of the characters you type.

Second: Browsers treat inputs with text type and password types differently, browsers may try to automatically refill the text input types if they have been previously entered which is something you may not always want.

HTML <input type=”password”> element is where you should make the user type their password in, and in this article, we will know how we can customize the password input fields to accommodate our needs.

By the end of this tutorial, you will know how to

1. create a password input field and style it
2. add a button that can enable the user to view his pas
   html password char