10-00-forms

We'll never share your email with anyone else.

Form controls

Sizing



Readonly

Readonly plain text



Range Inputs

Checkboxes and radios - Default (stacked)



Checkboxes and radios - Inline



Checkboxes and radios - Without labels [.position-static]

Form groups

Form grid

Form row [.form-row]



Horizontal form [.col-*-*]

Radios
Checkbox

Horizontal form label sizing

Column sizing

Auto-sizing

@


@


Inline forms

@


Help text

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.


Must be 8-20 characters long.

Disabled forms

Validation - Custom styles

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

Validation - Browser defaults

@

Validation - Server side

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.
You must agree before submitting.

Validation - Supported elements

Please enter a message in the textarea.
Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback

Validation - Tooltips

Looks good!
Looks good!
@
Please choose a unique and valid username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.

Custom forms - Checkboxes

Custom forms - Radios

Custom forms - Radios inline

Custom forms - Radios disabled

Custom forms - Switches

Custom forms - Select menu







Custom forms - Range





Custom forms - File browser

EoF