Tipos de campos de un formulario
Campo de texto simple
Los campos de texto simples pueden llevar un placeholder para mostrar un ejemplo de los datos que se están solicitando. El área de ayuda proporciona información de asistencia extra.
Selectores
Los selectores se utilizan cuando el sistema ya posee los datos que se precisan y el usuario solo debe seleccionar uno de ellos. Debe haber al menos cinco opciones de selección.
Campo de búsqueda
Los campos de búsqueda llevan siempre un placeholder que anticipe y ayude al usuario a saber qué información podrá encontrar en el buscador.
Campo de fecha
Los campos de fecha siempre llevan un placeholder que indique al usuario cómo debe completar el campo, ejemplo: dd/mm/aaaa. Cuando se acciona el campo la fecha se completa mediante el teclado.
Área de texto
El área de texto puede tener o no una limitación de caracteres. Cuando hay una limitación se visualiza con la cantidad de caracteres que hay actualmente y la cantidad máxima permitida.
Campos numéricos
Los campos numéricos pueden cargarse tanto por teclado como por las flechas indicadoras. Este tipo de campos se utilizan cuando necesitamos un valor de cantidad.
Casilla de selección única
Permite seleccionar una sola opción de una lista de opciones. Lo recomendable es que el usuario pueda ver todas las opciones al mismo tiempo y compararlas.
Casilla de selección múltiple
Permite seleccionar uno o varios elementos de una lista de opciones individuales.
Botón de selección única
Este componente tiene apariencia de botón y permite seleccionar un elemento de una lista de opciones individuales.
Botón de selección múltiple
Este componente tiene apariencia de botón y permite seleccionar uno o varios elementos de una lista de opciones individuales.
Subida de archivos
Permite subir archivos como imágenes o documentos en caso de ser requeridos en un formulario, como variante de uso específico al botón predeterminado.
Diseño y estructura (contexto de uso)
Un formulario permite a los usuarios ingresar información en una página.
Los botones deben estar ordenados por importancia de derecha a izquierda, con el botón más importante (principal) a la derecha.
Agrupar las secciones relacionadas en conjuntos lógicos para que los usuarios puedan comprender la información que necesitan ingresar.
