Aquí hay un campo de entrada simple
<input type="password">Durante la entrada de datos, cada carácter se muestra en viñetas (# de caracteres = # de viñetas).
// "password" = ********¿Cómo puedo mostrar solo UNA viñeta a pesar de escribir más caracteres? Mediante el uso de JS limpio o/y CSS.
// "password" = *Simplemente puede agregar un relleno al final de su elemento de entrada para ocultar todos menos uno * :
input { width: 50px; padding-right: 40px; box-sizing: border-box; } <input type="password" value="Correct horse battery staple" />Por qué harías esto está más allá de mí, pero funciona.
En realidad, ejecutar esto inmediatamente me muestra el primer problema con esta idea: el botón de mi administrador de contraseñas en el campo de entrada es lo suficientemente grande como para cubrir completamente ese primer carácter.