Skip to main content
2 de 3
edit, implementação do olho

Usando apenas JavaScript, podes adicionar a um elemento, neste caso é a tag img, dois eventos (mousedown e mouseup), estes iram alterar a propriedade type do input, alternando entre text e password.

Veja um exemplo:

document.getElementById('olho').addEventListener('mousedown', function() {
  document.getElementById('pass').type = 'text';
});

document.getElementById('olho').addEventListener('mouseup', function() {
  document.getElementById('pass').type = 'password';
});
#pass {
  width: 150px;
  padding-right: 20px;
}

.olho {
  cursor: pointer;
  left: 160px;
  position: absolute;
  width: 20px;
}
<img  src="https://cdn0.iconfinder.com/data/icons/ui-icons-pack/100/ui-icon-pack-14-512.png" id="olho" class="olho">
<input type="password" id="pass">