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

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

Input con Value que desaparece al dar click y reaparece al salir (Form)[HTML]

Tengo un Form con 2 inputs, 1 de nombre de usuario y el otro de contraseña, quiero que al el de nombre de usuario tenga escrito por defecto USUARIO y que al darle click este texto desaparesca para que puedan escribir pero que tambien si no escriben nada (osea que lo dejan en blanco) vuelva a poner USUARIO .



Para hacer solo hay que agregar lo siguiente al INPUT que queremos:



Quedandonos asi todo el INPUT de usuario:



Actualizacion (27.12.2015):
En html5 existe un nuevo atributo que se llama “PlaceHolder” el cual hace la misma función que lo que hicimos con JS (un texto por defecto que desaparece al escribir algo o cuando se deja el campo vació) , para el ejemplo anterior seria así:

Terminos de Busqueda:

  • input al darle click salga informacion
  • poner dentro de una caja nombre que se borre al acer click html
  • insertar texto al hacer click php
  • input con texto que desaparece
  • input diggio como tambien se llama
  • value que se borra html5
  • valor por defecto input text
  • input value que es
  • input desaparece texto al dar click
  • https://www vicolinker net/input-con-value-que-desaparece-al-dar-click-y-reaparece-al-salir-formhtml/
  • Efecto para borrar placeholder a darle click en textarea
  • desaparecer un input javascript
  • Darle valor a un campo de texto y al hacer click desaparezca en html
  • DAR CLICK PARA QUE APARESCA Y DESAPAREZCA UN TEXO
  • cuando hago click en un input desaparezca el valor
  • configurar oracleoradb11g_home1clragent
  • como saber si se hizo clic sobre caja de texto
  • como poner un comentario que no se desaparesca
  • como colocar la imagen que aparezca y desaparezca en visual basic
  • borrar value de un textbox al dar clic visual basic