Stacked form

Email:

Password:

Remember me

Submit

Inline form

Make the viewport larger than 576px wide to see that all of the form elements are inline and left-aligned. On small screens, the form groups will stack horizontally.

Email: Password:

Remember me

Submit

Form control: input

The form below contains two input elements; one of type text and one of type password:

Name:

Password:

Form control: textarea

The form below contains a textarea for comments:

Comment:

Form control: checkbox

The form below contains three checkboxes. The last option is disabled:

Option 1

Option 2

Option 3

Form control: inline checkbox

The form below contains three inline checkboxes:

Option 1

Option 2

Option 3

Form control: radio buttons

The form below contains three radio buttons. The last option is disabled:

Option 1

Option 2

Option 3

Form control: inline radio buttons

The form below contains three inline radio buttons:

Option 1 Option 2 Option 3

Form control: select

The form below contains two dropdown menus (select lists):

Select list (select one): 1 2 3 4
Mutiple select list (hold shift to select more than one): 1 2 3 4 5