Forms & Input

These are the various styles applied to form elements. If you want to use the "inline label", you will either need to use the minified mobiStyle, or include the form library.

Legend Text Field: Text Field w/ inline label:


<label for="text_field2" class="mg-inline">
  <span class="mg-label">Text Field w/ inline label:</span>
  <input type="text" id="text_field" />
</label>

Disabled Text Field: Readonly Text Field: Text Area: Disabled Text Area: Readonly Text Area:

I'm readonly

Select Element: Disabled Select Element: Radio Buttons

Radio 1
Radio 2
Radio 3
Radio Disabled

Checkboxes:

Checkbox 1
Checkbox 2
Checkbox 3
Checkbox Disabled

Password: File Input:

Forms & Input

Nav