RichInStyle.com test pages: boxes - forms

Display test

Display: block

A text box that should have a line break before: and after.

A radio button that should have a line break before: and after.

A checkbox that should have a line break before: and after.

A submit button that should have a line break before: and after.

A reset button that should have a line break before: and after.

A push button that should have a line break before: and after.

A password box: and after.

An upload control: and after.

This hidden control should be visible and should have a line break before: and after.

This button should have a line break before: and after.

This should have a line break before: and after.

This textarea should have a line break before: Some text in a TEXTAREA and after.

Display: inline

The second option in the following select has display: inline. This probably shouldn't be honored, but this test is as much about ensuring an acceptable result as a totally perfect one.

A fieldset that is inline:

A fieldset An inline legend in that fieldset.

and some text.

Display: none

A text box that should not be visible:

Display: run-in

Each of the following form controls should be run-in (i.e., they should be on the same line as this):

This should follow on.

This hidden control should be visible and should be run-in:

This should follow on.

Some text in a TEXTAREA

This should follow on.

A fieldset that is run-in:

A fieldset An run-in legend in that fieldset.

and some text.

Width and height test

This should be 100 pixels square:

This should be 5 pixels square:

This should be 100 pixels square:

This should be 100 pixels square: Some text in a TEXTAREA

This should be 100 pixels square

A fieldset A 50 pixel square legend in that fieldset.

Size specificity test

This should be 100 pixels wide: