Text Input
<form class="border padding margin-bottom">
<p>
<label for="input-type-text">Text input label</label>
<input size="75" id="input-type-text" name="input-type-text" type="text">
</p>
<p>
<label for="input-type-textarea">Text area label</label>
<textarea id="input-type-textarea" name="input-type-textarea" rows="10"></textarea>
</p>
</form>
Dropdown Select
<form class="border padding margin-bottom content">
<label for="options">Dropdown label</label>
<select name="options" id="options">
<option value="">- Select -</option>
<option value="value1">Option A</option>
<option value="value2">Option B</option>
<option value="value3">Option C</option>
</select>
</form>
Checkboxes
<form class="border padding margin-bottom content">
<ul class="unstyled">
<li>
<input id="cb-value1" type="checkbox" name="value1" value="value1" checked="">
<label for="cb-value1">Option 1</label>
</li>
<li>
<input id="cb-value2" type="checkbox" name="value2" value="value2">
<label for="cb-value2">Option 2</label>
</li>
<li>
<input id="cb-value3" type="checkbox" name="value3" value="value3">
<label for="cb-value3">Option 3</label>
</li>
<li>
<input id="cb-value4" type="checkbox" name="value4" value="value4">
<label for="cb-value4">Option 4</label>
</li>
</ul>
</form>
Radios
<form class="border padding margin-bottom content">
<ul class="unstyled">
<li>
<input id="rb-value1" type="radio" name="radio_form" value="value1" checked="">
<label for="rb-value1">Option 1</label>
</li>
<li>
<input id="rb-value2" type="radio" name="radio_form" value="value2">
<label for="rb-value2">Option 2</label>
</li>
<li>
<input id="rb-value3" type="radio" name="radio_form" value="value3">
<label for="rb-value3">Option 3</label>
</li>
<li>
<input id="value4" type="radio" name="radio_form" value="value4">
<label for="value4">Option 4</label>
</li>
</ul>
</form>
Buttons
<form class="border padding margin-bottom content">
<input type="submit" value="Submit">
</form>
