Form Controls

Native form control elements styled with Beautify input utilities and defaults from preset.css.

Notes

All native input types (text, password, email, etc.) accept the same input-* utility classes.
<button>, <input type="submit/reset/button"> get basic btn styles by default from preset.css.
<select>, <textarea>, <progress>, <meter> are styled natively via CSS.

Text inputs

text

password

email

tel

url

search

textarea

Numeric & time

number

range

date

time

datetime-local

month

week

color

Selection controls

checkbox

Option A Option B

radio

Radio A Radio B

select

select multiple

datalist

File & buttons

file

multiple file

buttons

Progress

progress

meter