Form controls

Complete form example

Name

Username

This username is available

This email is invalid

Subject

Message

I agree to the terms and conditions

Yes No

Form field

Basic

Label

This is a help text

spaced consistently

Name

Form control

input

select

button

With icons

has-icons-left, has-icons-right

select dropdowns

vertical centered

Small input

Form addons

Basic

Static button

@gmail.com

Fill remaining space (is-expanded)

Transfer

Full width select dropdown

Alignment

Transfer

Form group

Basic

Submit

Cancel

Alignment

Submit

Cancel

Fill remaining space

Multiline

Horizontal form

Basic

From

+44

Do not enter the first zero

Department

Already a member?

Yes No

Subject

This field is required

Question

Label sizes (for vertical alignment)

No padding

Checkbox

Small padding

Normal label

Medium label

Large label

Disabled form

Name