Índice de apartados de esta página
Bloques de datos
Son elementos de formulario estandarizados compuestos de varias entradas de texto agrupadas, las cuales comparten sentido semántico.
Consulta más agrupaciones habituales en patrones de formularios.
Índice de apartados de esta página
Bloque fecha #
Incluye tres campos para introducir carácteres numéricos de día, mes y año respectivamente.
Buenas prácticas para el bloque fecha #
- En general, el campo reservado para introducir el año debe ajustarse al tamaño de un dato de cuatro cifras, mientras que el campo de día y mes se deben ajustar a un input de dos cifras.
- Se recomienda emplear esta fórmula en lugar de un datepicker porque en esta última resulta complejo conseguir un diseño accesible.
- La validación debe permitir que los días o meses se introduzcan con o sin 0, por ejemplo tanto 01 02 2024 como 1 2 2024 tienen que ser aceptados.
- Si el campo requiere introducir los datos dentro de un rango concreto, indicarlo en el hint y indicarlo claramente en el error: por ejemplo: “la fecha tiene que ser anterior al día actual”, “error: La fecha introducida tiene que ser anterior a el día actual”.
Bloque hora #
Incluye dos campos para la inserción de caracteres numéricos de hora y minutos respectivamente, separados por ‘:’.
Buenas prácticas para el bloque hora #
- En general se deben ajustar los input para introducir únicamente dos cifras.
- La validación debe permitir que se introduzcan los valores con o sin 0, por ejemplo tanto 01:02 como 1:2 tienen que ser aceptados
- La validación debe permitir que los días o meses se introduzcan con o sin 0, por ejemplo tanto 01 02 2024 como 1 2 2024 tienen que ser aceptados.
- Si el campo requiere introducir horas en un rango concreto, indicarlo claramente en el hint y en el mensaje de error : por ejemplo: “la hora debe ser entre las 10:00 y las 14:00” “error: la hora debe ser entre las 10:00 y las 14:00”.
Bloque ID #
Incluye un selector para escoger el tipo de identificación y un campo para insertar los caracteres correspondientes a la identificación.
Buenas prácticas para el bloque ID #
Dar pistas con el placeholder del formato de la información que requiere el campo, cuántos caracteres debe introducir, si son solo números o números y letras, etc.
Bloque datos personales #
Incluye un campo reservado a introducir el nombre, otro campo para introducir los apellidos y opcionalmente un selector para introducir información opcional.
Buenas prácticas para el bloque datos personales #
Se recomienda que solo haya un campo de Apellidos, salvo que por necesidades concretas sea necesario distinguir el primer apellido del segundo.