Al completar un formulario, llega una situación en la que ingresamos una contraseña y queremos ver lo que hemos ingresado hasta ahora. Para ver eso, hay una casilla de verificación que hace que los caracteres sean visibles.
En esta publicación, esta función, es decir, cambiar la contraseña, se implementa mediante JavaScript.
Algoritmo
1) Cree un formulario HTML que contenga un campo de entrada de tipo contraseña.2) Cree una casilla de verificación que será responsable de alternar.
3) Cree una función que responderá para alternar cuando un usuario haga clic en la casilla de verificación.
Ejemplos:
La contraseña es geeksforgeeks.
Entonces, al escribir, se mostrará así *************
Y al hacer clic en la casilla de verificación, mostrará los caracteres: geeksforgeeks .
<!DOCTYPE html>
<html>
<body>
<b><p>Click on the checkbox to show
or hide password: </p></b>
<b>Password</b>: <input type="password"
value="geeksforgeeks" id="typepass">
<input type="checkbox" onclick="Toggle()">
<b>Show Password</b>
<script>
// Change the type of input to password or text
function Toggle() {
var temp = document.getElementById("typepass");
if (temp.type === "password") {
temp.type = "text";
}
else {
temp.type = "password";
}
}
</script>
</body>
</html>
Producción:
- Contraseña oculta:
- Mostrar contraseña:
Publicación traducida automáticamente
Artículo escrito por Gaurang Bansal 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA