JS Mostrar campo contraseña despues de marcar checkbox

Con el siguiente código lo que hago es mostrar la contraseña oculta por asterisco/puntos y al lado un botón que diga “Ver contraseña” que al marcarlo nos mostrara la contraseña. 🙂

Lo que hago es convertir el tipo del campo “password” a un tipo “text” al marcar el checkbox, así se mostrara todo y si lo desmarca lo volvemos a convertir a un tipo “password” para ocultar la contraseña.

Estoy usando Javascript para coger el elemento y modificarlo.

Terminos de Busqueda:

  • ocultar y mostrar clave con javascript
  • mostrar contraseña con checkbox
  • mostrar contraseña marcando checkbox html

HTML5 Enviar elementos desactivados de un Formulario

Normalmente si tenemos un formulario con un campo desactivado no podemos coger esos datos después de enviar el formulario porque al estar desactivado simplemente el navegador no envía los datos, así como en el siguiente ejemplo:



Pero si lo que queremos es tener los campos desactivados pero de todos modos enviar los datos como si fuese un campo normal, debemos de usar el atributo Readonly , asi el campo sera de solo lectura pero nos enviara los valores, quedando algo así:

Cambiando disabled por readonly