Forms

Wrap each field in a label with a p caption and the control. The form lays them out in a grid; inputs, selects and textareas share the same styling. No classes needed.

<form method="post" action="/save">
  <label><p>Login</p><input type="text" name="login"></label>
  <label><p>Email</p><input type="email" name="email"></label>
  <label><p>Group</p><select name="group">…</select></label>
  <button>Save</button>
</form>
A full form with login, email, group select and a save button

A form

<form method="post" action="/save">
  <label><p>Login</p><input type="text" name="login"></label>
  <label><p>Group</p><select name="group">…</select></label>
  <button>Save</button>
</form>
Trimmed markup for the form shown above

Fieldset

Permissions