Je n'arrive pas à coder correctement. Besoin d'aide pour un input HTML

Bonjour à tous,

J'ai un petit problème que je n'arrive pas à résoudre.

J'aimerais que à coter de mon champ "password", il y ai "afficher / masquer le mot de passe"


Exemple :

https://www.zupimages.net/up/20/14/dp8q.png

https://www.zupimages.net/up/20/14/9s1f.png


Voici mon code :

<form action="/signin" method="post"
  
<input type="email" id="username" name="Email " style="font-size: 18pt; font-family: Arial; color:#4C8EFA" minlength="8" required>

<input type="password" id="pass" name="MDP " style="font-size: 18pt; font-family: Arial; color:#478bf9" minlength="8" required>

<button type = "submit">Se connecter</button> 

</form>

En espérant que j'ai été assez clair, et qu'une personne aimable pourra m'aider.