Form Standards - framework design

Contact: Dave Taylor

Here are some standards for form elements which I have put together which allow easy design customisation and take in to consideration common layouts.

Any more complex layouts within these form standards would be coded as individual components overriding the common form styles.

Display options (required JavaScript)

Form type:
This displays the label to the left of the inputs
This displays the label above the inputs

Form elements

Standard label and input
Grouped inputs

Vertical checkboxes/radios

Group default

Name:
Further detail about a specific field item
Further detail about a specific field item

Forced vertical tight left with no heading

Further detail about a specific field item
Further detail about a specific field item

Inline checkboxes/radios

Name:

Inline checkboxes/radios and header

Name:

Special

Date: