Form Elements

This page demonstrates all form elements and input types available in this theme.

Text Inputs

Text Input

Email Input

Password Input

URL Input

Telephone Input

Search Input

Number Inputs

Number Input

Range Input

Date & Time Inputs

Date Input

Time Input

DateTime Local Input

Month Input

Week Input

Other Inputs

Color Input

File Input

Hidden Input (not visible) Hidden inputs are not displayed

Textarea

Select Dropdowns

Single Select

Multiple Select

Select with Option Groups

Input with Datalist

Checkboxes & Radio Buttons

Checkboxes

Checkbox option 1 Checkbox option 2 (checked) Checkbox option 3 (disabled)

Radio Buttons

Radio option 1 Radio option 2 (checked) Radio option 3 (disabled)

Input States

Disabled Input

Readonly Input

Required Input *

Input with Help Text

This is help text that provides additional context.

Input with Error

This field has an error.

Input with Success

This field is valid.

Buttons

Progress & Meter

Progress 70%

Meter 70%

Output

Range with Output

Fork me on GitHub

Option 1
Option 2
Option 3
Option 4
Option 5