2

De tarea me han dejado implementar formularios con contraseñas ocultas por asterisco pero no hay info sobre este tema...

Apenas estamos utilizando html y css

<input type="password" maxlength="15" placeholder="Contraseña">

Tengo esto por ahora ya le he aplicado en otras ocasiones id o name pero tampoco funciona

8
  • Creo que esto puede servirte. stackoverflow.com/questions/37186309/… Commented el 23 may. 2020 a las 21:11
  • Este link te va a ayudar bastante: w3schools.com/tags/tag_input.asp
    – Luis
    Commented el 23 may. 2020 a las 21:13
  • Ninguno ha funcionado, necesito pasar de puntos a astericos, pero todos siguen en puntos
    – user174356
    Commented el 23 may. 2020 a las 21:24
  • Agrega por favor lo que lleves, a partir de eso te ayudamos y evitamos el cierre de tu pregunta
    – user128299
    Commented el 23 may. 2020 a las 21:32
  • <form action="" class="form-box animated fadeInUp"> <h1 class="form-title">Ingreso</h1> <input type="text" maxlength="12" placeholder="Nombre" autofocus> <input type="password" maxlength="15" name="pass" placeholder="Contraseña"> <h5><button type="submit">Enviar</button></h5> <h5><button type="reset">Limpiar</button></h5> </form>
    – user174356
    Commented el 23 may. 2020 a las 21:38

2 respuestas 2

0

Esto es posible solamente cambiando la fuente que usa el campo de contraseña.

/* Use the css below to change the password input symbol */

@font-face {
  font-family: 'fontello';
  src: url('https://mottie.github.io/input-password-bullet/font/fontello.eot?0000');
  src: url('https://mottie.github.io/input-password-bullet/font/fontello.eot?0000#iefix') format('embedded-opentype'), url('https://mottie.github.io/input-password-bullet/font/fontello.woff2?13442593') format('woff2'), url('https://mottie.github.io/input-password-bullet/font/fontello.woff?0000') format('woff'), url('https://mottie.github.io/input-password-bullet/font/fontello.ttf?0000') format('truetype'), url('https://mottie.github.io/input-password-bullet/font/fontello.svg?0000#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

input[type="password"] {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  /* add spacing to better separate each image */
  letter-spacing: 2px;
}
<input type="password" maxlength="15" placeholder="Contraseña">

Fuente: https://medium.com/@wowmotty/replace-the-input-password-bullet-1cd4ee34e0aa

-1

Prueba introduciendo:

<input type="password" name="password" />

1
  • La consulta es cambiar el tipo de caracter de input type password de puntos a ateriscos, para ocultar los caracteres escritos. Commented el 23 may. 2020 a las 21:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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