Navigation Menu

Inputs

Text Inputs

<label for="input">Input Label:</label>
<input id="input" placeholder="Enter some text" />
<label for="textarea">Textarea Label:</label>
<textarea id="textarea" placeholder="Enter multiple lines of text"></textarea>

Selects

<label for="select">Select Label:</label>
<select id="select">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>
<label for="multiselect">Multi-Select Label:</label>
<select id="multiselect" multiple>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>

Checkboxes and Radios

<label for="checkbox">
<input id="checkbox" type="checkbox" />
Check Me
</label>
<div class="b r pt px pbh">
<label for="radio1">
<input id="radio1" type="radio" name="radio" />
Radio 1
</label>
<label for="radio2">
<input id="radio2" type="radio" name="radio" />
Radio 2
</label>
</div>