Custom elements may act like built-in form elements, via the attachInternals() method of HTMLElement and the ElementInternals API.

The <input type="date"> and <input type="time"> HTML elements show date and time pickers.

The :read-only and :read-write CSS pseudo-classes match elements that are read-only or read-write, respectively. For example, :read-only matches <input> and <textarea> elements with the readonly attribute.

The :indeterminate CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked.

Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity().

The <meter> element represents a scalar value within a known range or a fractional value, typically shown as a progress bar.

The <output> element represents the result of a calculation, user action, or form entry.

The <input type="range"> element represents a slider for choosing an inexact value between a minimum and maximum value.

The <button> HTML element represents a button that triggers some action, such as submitting a form or opening a dialog, styled as a labeled rectangular box by default.

The <fieldset> and <legend> elements group several form control elements within a web form.

The <form> element contains interactive controls for submitting information.

The <input type="button"> HTML element represents a button that triggers some action, such as submitting a form or opening a dialog, styled as a labeled rectangular box by default. Not to be confused with the <button> element, which contains HTML content.

The <input type="checkbox"> HTML element represents a tickable box with two states, checked and unchecked.

The <input type="file" multiple> HTML element shows a file picker from which users can choose one or more files to upload with a form.

The <input type="file"> HTML element shows a file picker from which users can choose a file to upload with the form.

The <input type="hidden"> HTML element represents a form field that is not shown visually but is still included in the form submission.

The <input type="image"> HTML element is an image that can be used to submit a form, like the <input type="submit"> element.

The <input type="number"> HTML element represents numeric input data.

The <input type="password"> HTML element represents a field for users to enter a password. The password is hidden from view, typically replaced by dots or asterisks.

The <input type="radio"> HTML element represents one button in a group such that only one can be chosen at a time.

The <input type="reset"> HTML element represents a button that sets all form fields to their initial values.

The <input type="search"> HTML element represents a text field for search queries.

The <input type="submit"> HTML element represents a button that triggers an action on its associated <form>, such as sending the form data to a server.

The <input type="text"> HTML element allows the user to enter information into a form. By default, an <input> element is a text input.

The <label> HTML element represents a caption for a form field.

The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

The <select> element provides a menu of options for a user to pick from, typically rendered as a dropdown list.

The <textarea> element represents an editing control that allows users to enter multi-line, free-form, plain text.

The <input type="email">, <input type="tel">, and <input type="url"> HTML elements represent email address, telephone number, and URL fields in a form.

The :checked, :disabled, and :enabled CSS pseudo-classes match form elements based on their state.