Inputs

---

Text Inputs

<label for='my-text-input'>My Text Input:</label>
<input id='my-text-input' placeholder='Input Text Here' />

<label for='my-textarea'>My Text Area:</label>
<textarea id='my-textarea' placeholder='Input More Text Here'></textarea>

My Text Input: My Text Area:

---

Selects (Dropdowns)

<select>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
  <option>Option 5</option>
</select>

Option 1 Option 2 Option 3 Option 4 Option 5

Multi-Selects

<select multiple>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
  <option>Option 5</option>
  <option>Option 6</option>
  <option>Option 7</option>
</select>

Option 1 Option 2 Option 3 Option 4 Option 5 Option 6 Option 7

---

Radios and Checkboxes

<input type='checkbox' id='checkbox1' class="fancy" /><label for='checkbox1'>Checkbox 1</label>
<input type='checkbox' id='checkbox2' class="fancy" /><label for='checkbox2'>Checkbox 2</label>

<input type='radio' name='rad1' id='rad1-1' class="fancy" /><label for='rad1-1'>Radio 1</label>
<input type='radio' name='rad1' id='rad1-2' class="fancy" /><label for='rad1-2'>Radio 2</label>
<input type='radio' name='rad1' id='rad1-3' class="fancy" /><label for='rad1-3'>Radio 3</label>

Checkbox 1 Checkbox 2 Radio 1 Radio 2 Radio 3