Header Ads

Campos de Contraseñas con HTML

En los formularios un objeto que es muy útil y a la ves muy usado son los campos de contraseña. En los campos de contraseña podemos ingresar la información y esta se vera de forma encriptada, este tipo de campos es muy usado por las paginas con login que requieren un usuario y una contraseña

En esta publicación aprenderemos a crear un campo de contraseña y los diferentes atributos que intervienen para la personalización de este.

Al igual que en los campos de texto se procede de la misma manera con la única diferencia el atributo type="password"



Código HTML:



Resultado:

          (por favor escribe en el campo)

Si se tomaron el tiempo de escribir en el campo, seguro notaron que el texto que se ingresa se muestra de manera encriptada con forma de puntos.


A continuación describiremos el uso de  los atributos usados al crear nuestro campo de contraseña:

type: asigna el tipo de campo, en este caso usamos type="password", para indicar que sera del tipo campo de contraseña.

name: Todos los campos de contraseña deben tener un nombre exclusivo.El nombre que elijas debe identificar de forma exclusivas el campo de texto dentro del formulario.Los nombre de los objetos de los formularios no pueden tener espacios ni caracteres especiales

size: establece el numero máximo de caracteres que se pueden mostrar en el campo de texto.

maxlength: establece el numero máximo de caracteres que se puede introducir en los campos de texto en linea.


Cualquier duda o aporte hacerlo por comentarios. Gracias por su tiempo!




No hay comentarios