Input Types in HTML

The <input> element is one of the most used form elements in HTML. The input type defines what kind of data is expected from the user. Here you can explore the most common types with examples.

type="text"

A simple text field. Useful for entering names, addresses, or any short string.

type="email"

Used for entering email addresses. Modern browsers automatically validate the format.

type="password"

A password field where characters are hidden. Used for secure login inputs.

type="number"

Allows only numerical input. You can set minimum and maximum values.

type="date"

A date picker field allowing users to select a date from a calendar.

type="file"

Lets users upload a file from their computer.

type="checkbox"

A basic checkbox that can be checked or left empty. Great for multiple selections.

type="radio"

A radio button where only one can be selected in a group. Grouping is done using the same 'name' attribute.

type="range"

A slider for selecting a value within a range. You can set minimum and maximum values.

type="color"

A color picker field that opens a graphical color palette for the user.