We use cookies and similar web technologies to recognize your repeat websites visits and preferences and to analyze traffic. To learn more about cookies, including steps for disabling, view our Cookie Policy. By clicking “I Accept” on this banner you consent to the use of cookies unless you disable them.

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