0

No añadí codigo porque es algo simple, es solo un parafo pidiendo una contraseña y un input, nada de otro mundo.

edit: ¿Como puedo hacer que el contenido de una etiqueta input muestre puntos (como los de contraseña) en vez del texto que se escribe? Ademas de agregar una opción para mostrar el texto.

Por ejemplo si se escribe "Sanko Pan" cada caracter sea cambiado por un "*" quedando "*********"

4
  • mencionas un código pero ¿dónde esta?
    – Anki Jedi
    Commented el 1 jun. 2021 a las 4:02
  • Solo es el input con el nombre, por lo que veo no sale, lo agregue pero cuando subo la pregunta no aparece, perdón pero empecé a usar esto hace 10 minutos Commented el 1 jun. 2021 a las 4:06
  • No hay problema, intenta pegar el codigo, seleccionalo todo y luego le das al boton con el simbolo de "{ }" que sirve para llevarlo a formato de codigo
    – Anki Jedi
    Commented el 1 jun. 2021 a las 4:08
  • Te recomiendo visitar esta página w3schools.com/Tags/att_input_type_password.asp
    – Luci
    Commented el 1 jun. 2021 a las 4:08

3 respuestas 3

2

Tal como menciona @denso para que un <input> muestre su contenido como si se tratara de una contraseña le pones un type="password" quedando: <input type="password>, esto resuelve la primera parte del problema.

Sobre una opción para mostrar el texto, pues tendras que recurrir a javascript para alterar el valor de type, por ejemplo:

<div>
Contraseña: <input type="password" id="inputPasswd">
<input type="checkbox" onclick="showPasswd()">Mostrar contraseña
</div>
<script>
const showPasswd =() => {
  let passwd = document.getElementById("inputPasswd");
  if (passwd.type === "password") {
    passwd.type = "text";
  } else {
    passwd.type = "password";
  }
}
</script>
3
  • 1
    Gracias bro! Es de mucha ayuda tu ayuda jajajaja Commented el 1 jun. 2021 a las 4:21
  • No hay problema, si esto soluciono tu problema marca la respuesta como la correcta para que el post no vuelva a salir en el feed de la pagina
    – Anki Jedi
    Commented el 1 jun. 2021 a las 4:22
  • Gracias por el tip, voy a hacerlo Commented el 1 jun. 2021 a las 4:24
1

https://developer.mozilla.org/es/docs/Web/HTML/Element/input/password

Los elementos de tipo "password" proporcionan una forma para que el usuario ingrese una contraseña de forma segura. El elemento se presenta como un control de editor de texto, sin formato, de una línea, en el que el texto está oculto para que no pueda leerse, generalmente reemplazando cada carácter con un símbolo como el asterisco ("*") o un punto ("•"). Este carácter variará dependiendo del user agent (en-US) y del OS.

1
  • Thanks bro!!!!! Commented el 1 jun. 2021 a las 4:22
0

Para ocultar y mostrar contraseña en un input:

function mostrar(){
  var tipo = document.getElementById("password");
  if(tipo.type == "password"){
      tipo.type = "text";
  }else{
      tipo.type = "password";
  }
}
  
<input class="contraseña" type="password" name="password" id="password">

<button onclick="mostrar()">Mostrar Contraseña</button>

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.