Form layout | Lab | 456 Berea Street

This is an example form which contains many form elements in different sizes and layouts.

(*) = Required

Long input field 1 (*)

Textarea

Grouped long input fields

Long input field 2 (*)

Long input field 3

Horizontal liquid checkbox layout (*)

Checkbox 1

The second checkbox

Yet another checkbox

A fourth checkbox

Number five

Multi-column checkbox layout

Checkbox 1

The second checkbox

Yet another checkbox

A fourth checkbox

Number five

Number six

Number seven

Number eight

Number nine

Single-column checkbox layout

The first setting

Number two

Number three

Number four

Single-column options

Choose one

Choose one of these too

And one of these (*)

Choose another option

Horizontal liquid select-box layout

Choose one

Single-column options, aligned

Some input fields

Time period

Start

End