Skip to Main Content
Menu Close
  1. Web Style Guide
  2. Forms

Forms

Summary/Intro: vel, esse quae ut nonummy nimis bene. Quidne pecus, foras quia huic autem hos euismod facilisi vel exputo macto elit abico.

Basic

Sample Fieldset
You must first specify a Country.

Messages

  • Info messages is what I am.
  • Info messages is what I am.
  • Warn messages is what I am.

Please resubmit the form after addressing the following:

  • Info messages is what I am.
  • Warn messages is what I am.
  • Error messages is what I am.

Please resubmit the form after addressing the following:

  • Info messages is what I am.
  • Warn messages is what I am.
  • Error messages is what I am.
  • Fatal messages is what I am.
Message Label Examples
Info messages is what I am.
Warn messages is what I am.
Error messages is what I am.
Fatal messages is what I am.

Variation: Columns

Note: Column Layouts are applied to the direct children of the element given the className. DO NOT add formColumns--x directly to a fieldset as webkit browsers have a bug and do not render correctly.

1/2/3 Column
City/State/ZIP Column Pattern

Checkboxes/Radios

Variation: Inline Labels

Checkboxes/Radios

Variation: Nested Labels