Form
Combine inputs with labels inside a fieldset to build a complete form that users can fill out and then submit or reset.
Input
Inputs let users enter and edit a single line of text or other typed data, such as an email address, number, or password, typically as part of a form.
Text
Use the text, email, number, password, tel and url types to collect different kinds of single-line text, taking advantage of type-specific validation and on-screen keyboards.
Date and time
Use the date, datetime-local, month, week and time types to let users pick calendar dates and times with the browser's built-in picker instead of typing a specific format.
Search
Use the search type for a field dedicated to searching content, which some browsers present with a built-in clear button.
File
Use the file type to let users choose one or more files from their device to upload, adding the multiple attribute to allow selecting several files at once.
Color
Use the color type to let users pick a color using the browser's built-in color picker.
Disabled
Add the disabled attribute to prevent an input from being edited or focused, and exclude its value from form submission.
Read-only
Add the readonly attribute to show a value that users can view and select but not edit, while it is still submitted with the form.
Hint
Place a small element next to an input to give users extra guidance about the expected value before they start typing.
Validation
You can indicate the validation state of the input using the attribute aria-invilid with the values true and false.