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>

Selects (Dropdowns)

<select>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
  <option>Option 5</option>
</select>
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>

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>