Simple CSS Logo

Form Controls

Forms are used to provide data to the server. Because Simplicity modifies the look of various form elements, it's important to know ahead of time what they will look like.

Do note that some controls are impossible to fully style. I've divided the controls below into Consistent Controls that should look the same across all browsers, and Inconsistent Controls that will have some internal browser/OS styling applied. The latter will be styled according to Simplicity CSSs theme as much as possible.

Some form elements could be modified further too if you desire different backgrounds colors, font colors, etc. For example, the text input and text area input may be something you'd want to modify if you are designing a brighter or darker theme. See the Colors Page for a list of available colors.

The various form elements modified are shown below. If an element is not shown below, then it has the default browser styling associated with it.

Consistent Controls

Control

Example

Button

Checkbox

Disabled Checkbox

Radio

Disabled Radio

Text

Disabled Text

Text Area

Inconsistent Controls

Control

Example

Select

Disabled Select

Color Picker

Date

Range