Form fields

Select

Single selection

Multiple selection

Select, which omits already selected options from the options list

Selected options:

Select which contains options with the same value or name

Select with async options

Select...

Inputs

Text

Text field, which reloads page on change

Number

Color

Text field with value containing whitespace

Text area with value containing whitespace

Date

Enter a date after 2022-12-27:

Radio

CSS

Checkbox

I have a car

Button

Local date field

Birthday (date and time):

E-mail

Image

File Upload

Select a file:

File Upload with a hidden field and a custom button

File Upload with a hidden field, custom button and dynamically created file input to handle upload

Month

Birthday (month and year):

Note: type="month" is not supported in Firefox, Safari, or Internet Explorer 11.

Week

Select a week:

Note: type="week" is not supported in Firefox, Safari, or Internet Explorer 11.

Time

Select a time:

Note: type="time" is not supported in Internet Explorer 11 or prior Safari 14.1.

Range

Volume (between 0 and 50):

Search

Search Google:

Telephone

Enter a phone number:Format: 123-45-678

URL

Add your homepage:

Contenteditable

div

Try to edit this text

with extra DOM elements inside

Try to edit this text