DMDC | Design Guide Beta v1.0

Home
UI Elements
Architecture
- IA Documentation
Human Factors / Analitics
- Research
- Usability Test Results

Home /
UI Elements / Form Elements and Script Dependencie with associated CSS

CSS

Style and Classes	Description and Dependencies
`class` and all sub - classes. Found in dcas.css	Desciption

Input Elements - Examples

Text input

Freeform text.

Select list

Multicon-select

File input

Textarea

Inline checkboxes

1 2 3

Checkboxes

Option one. Option two can also be included in form results.

Radio buttons

Option one. Option two will deselect option one.

Form Validation

Your Name

Email Address

Subject

Your Message

Select list

Checkboxes

Option one. Option two can be included in form results. Option three can also be included in form results.

Note: Labels surround all the options for much larger click areas and a more usable form.

Radio buttons

Option one. Option two will be included in form results.

Append/Prepend

Prepended text

@

Here's some help text

Appended text

.00

Here's more help text

Append and prepend

$.00

Append with button

Two-button append

Control States

Focused input

Uneditable input

Some value here

Disabled input

Disabled checkbox

This is a disabled checkbox

© 2013 Nortrop Grumman, all rights reserved.