# Inputs One control for each type of input: the type tells the browser the keyboard, the picker and the check. Every control is a native element: the browser owns the state, the keyboard, the validation and the submission, with or without JavaScript. LUZ does not mark a field invalid: add `.luz-input--error`, `aria-invalid="true"` and the error text. A field wraps a control in `.luz-field`: Field wrapper markup ```html
Shown on the dashboard.
Error: Use letters, numbers and dashes only.
``` ### Text A single-line field for a short answer you cannot list in advance, such as a name. ```html ``` ### Email A field for an email address: the browser checks its shape and phones show the at sign. ```html ``` ### Password A field that hides what is typed, for a password or another secret. ```html ``` ### Search A text field for words to look for, with a search key on phone keyboards and a clear button in some browsers. ```html
Search by name or topic.
``` ### Telephone A field for a phone number: phones show a number keypad, and the browser checks no format. ```html ``` ### URL A field for a web address: the browser checks for a scheme such as https:// and phones show a slash key. ```html ``` ### Number A field for a quantity counted or adjusted in steps, with spin buttons and a range check. ```html ``` ### Date A field for a calendar date, with the browser's own picker. The value is always year-month-day. ```html ``` ### Time A field for a time of day, in the reader's 12 or 24 hour clock, as hours and minutes. ```html ``` ### Date and time A field for a day and a time together. The value has no time zone. ```html ``` ### Month A field for a month and a year, such as a card's expiry. The value is year-month. ```html ``` ### Week A field for a week of a year, such as 2026-W24, for planning by week. ```html ``` ### Color A swatch that opens the system's color picker. The value is a hex color, #rrggbb. ```html ``` ### File A button that opens the system's file chooser, and the name of the chosen file. ```html
PDF or PNG, up to 5 MB.
``` ### Range A slider for a value on a scale, the place of the thumb matters more than the exact number. ```html
``` ### Textarea A field for text of more than one line, such as a message or a description. ```html ``` ### Known issues None known.