Simple Form

We'll never share your email with anyone else.
Browse No File Chosen
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.

Form Layouts

Inline Forms

Use the .form-inline class to display form elements on a single horizontal row.

@

Horizontal Forms

Add the .row and .col-*-* classes to create horizontal forms

Selection

Selections may be initialized directly on a select element or with the matching HTML and a hidden input element.

Profession
Select Team Member

Search & Selection

Works fine with large lists

Tags & Search Selection

Allow to specify multiple choices

Floated Content

Content floated to the right

Select Type

Loading State

Will be useful at remote data querying

Choice

Error State

Choice

Maximum Selection

Force the maximum number of selections

Selection Without Tags

Tagging and User Additions

User may type own options in either single or multiple modes

Single
Multiple

Remote Content

Using Remote API call allows users to select choices from remote large datasets
After fetching data can be stored in SessionStorage

Restoring default values

Default
Select a value
Default Value
Restore All Dropdowns

Check Boxes

Choose One or More Options



Sliders

Choose One


Radios

Indicate an age range



Without Javascript





Grouped Checkbox

One-Way Choice

Can't be unchecked

States


Checkbox Colors





Radio Colors





Checkbox Fill Colors






Radio fill Colors






Slider Colors





Toggle Colors





Evant Attaching

Checkbox events could be atached to other elements

Toggle
Check
Uncheck

Form Element States

Disabled Form Group

Add the disabled attribute to a fieldset to disable all the controls within.

Validation States

Add add .has-{warning | danger | success} to the parent element

Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.

Input groups

$
$
https://www.
@reactive.com

Control sizing

Set heights using .form-control-{sm | md | lg} classes