# Campos de entrada Un control para cada tipo de entrada: el tipo indica al navegador el teclado, el selector y la comprobación. Cada control es un elemento nativo: el navegador se encarga del estado, el teclado, la validación y el envío, con o sin JavaScript. LUZ no marca un campo como no válido: añade `.luz-input--error`, `aria-invalid="true"` y el texto del error. Un campo envuelve un control en `.luz-field`: Field wrapper markup ```html
Shown on the dashboard.
Error: Use letters, numbers and dashes only.
``` ### Texto Un campo de una línea para una respuesta corta que no puedes enumerar de antemano, como un nombre. ```html ``` ### Correo electrónico Un campo para una dirección de correo electrónico: el navegador comprueba su forma y los teléfonos muestran la arroba. ```html ``` ### Contraseña Un campo que oculta lo que se escribe, para una contraseña u otro secreto. ```html ``` ### Búsqueda Un campo de texto para las palabras que se buscan, con una tecla de búsqueda en los teclados de teléfono y un botón para borrar en algunos navegadores. ```html
Search by name or topic.
``` ### Teléfono Un campo para un número de teléfono: los teléfonos muestran un teclado numérico y el navegador no comprueba ningún formato. ```html ``` ### URL Un campo para una dirección web: el navegador comprueba que lleve un esquema como https:// y los teléfonos muestran una tecla de barra. ```html ``` ### Número Un campo para una cantidad que se cuenta o se ajusta por pasos, con botones de incremento y una comprobación de rango. ```html ``` ### Fecha Un campo para una fecha del calendario, con el selector propio del navegador. El valor es siempre año-mes-día. ```html ``` ### Hora Un campo para una hora del día, en el reloj de 12 o 24 horas del lector, como horas y minutos. ```html ``` ### Fecha y hora Un campo para un día y una hora juntos. El valor no lleva zona horaria. ```html ``` ### Mes Un campo para un mes y un año, como la caducidad de una tarjeta. El valor es año-mes. ```html ``` ### Semana Un campo para una semana de un año, como 2026-W24, para planificar por semanas. ```html ``` ### Color Una muestra que abre el selector de color del sistema. El valor es un color hexadecimal, #rrggbb. ```html ``` ### Archivo Un botón que abre el selector de archivos del sistema y el nombre del archivo elegido. ```html
PDF or PNG, up to 5 MB.
``` ### Rango Un deslizador para un valor en una escala, donde la posición del control importa más que el número exacto. ```html
``` ### Área de texto Un campo para texto de más de una línea, como un mensaje o una descripción. ```html ``` ### Problemas conocidos Ninguno conocido.