--- title: Forms description: | Form elements and interactive components for inputting data into the system. usage: | Use input fields in any case where the user will be entering or defining information, such as short text, a password, or choosing a spefic item from a list of options. Input fields labels should be used for all forms. Labels are important not only to ensure that each field is clearly identified, but also to ensure accessibility as labels are crucial for screen readers and other accessibility tools. notes: | Input fields should be sized based on the length of entry, rather than trying to make each input the same length. A ZIP code field, for instance, should be smaller than a street address field, as one is known to be 5 characters while the other could be much longer. ---

Label with placholder text

Inline Help

Optional Form Inputs

Contact Information

All fields required unless noted.

Contact Information

All fields required unless noted.

Validation states

Example block-level help text here.

Example block-level help text here.

Example block-level help text here.

Example block-level help text here.

Example block-level help text here.

Example block-level help text here.

Check boxes

Radio Inputs

Select

Do not use HTML's select tag. Instead, see the Select2 section on the JavaScript tab for proper examples for selection widgets.

List management

+ Add another code
+ Add another code

Basic Form

Requesting Provider Information

+ Add another code

Requesting Provider Information

+ Add another code

Inline Form

12 batches found
12 batches found