Form

Minimal UI Form
Example:
    
<form action="javascript: void(0)">
  <label for="nameField">Name</label>
  <input id="nameField" type="text" placeholder="CJ Patoilo">
  <label for="ageRangeField">Age Range</label>
  <select id="ageRangeField">
    <option value="0-13">0-13</option>
    <option value="14-17">14-17</option>
    <option value="18-23">18-23</option>
    <option value="24+">24+</option>
  </select>
  <label for="commentField">Comment</label>
  <textarea id="commentField" placeholder="Hi CJ …"></textarea>
  <div class="row grid-middle">
    <div class="col-xs-6" style="margin-bottom: 16px;">
      <ul>
        <li>
          <div class="ui-checkbox-wrapper">
            <input class="ui-checkbox" id="exampleCheckbox" type="checkbox">
            <label class="label--inline" for="exampleCheckbox">Example Checkbox</label>
          </div>
        </li>
      </ul>
    </div>
    <div class="col-xs-6 grid-end"><a class="button--round button--big button button-primary" type="submit">Send</a></div>
  </div>
</form>