Show Sections Hide Sections
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>