Browser Default Form Controls Comparison
Native Light Mode
Text Inputs
Text:
Password:
Email:
URL:
Tel:
Search:
Numbers & Range
Number:
Range:
Indicators & Displays
Meter (Optimum):
75%
Meter (Warning):
50%
Progress (Determinate):
60%
Progress (Indeterminate):
Selection
Select:
Option 1
Option 2
Select (Size 4):
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Select Multiple:
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Select Multiple (Size 1):
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Datalist:
Date & Time
Date:
Time:
Datetime Local:
Month:
Week:
Choices & Boxes
Checkbox
Radio
Color:
File:
Multi-line & Buttons
Textarea:
Submit Button
Reset Button
Native Dark Mode
Text Inputs
Text:
Password:
Email:
URL:
Tel:
Search:
Numbers & Range
Number:
Range:
Indicators & Displays
Meter (Optimum):
75%
Meter (Warning):
50%
Progress (Determinate):
60%
Progress (Indeterminate):
Selection
Select:
Option 1
Option 2
Select (Size 4):
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Select Multiple:
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Select Multiple (Size 1):
Option A
Option B
Option C
Option D
Option E
Option F
Option G
Option H
Datalist:
Date & Time
Date:
Time:
Datetime Local:
Month:
Week:
Choices & Boxes
Checkbox
Radio
Color:
File:
Multi-line & Buttons
Textarea:
Submit Button
Reset Button