Example Navigation

Index
Previous
Next
Validate Page

Example 4: Labeling select using reference

Best Practice Rating: Good

The label reference technique is compatible with assistive technologies and is defined in HTML specifications.
The reference technique is consistent with how other input form controls are labeled and therefore developers only need to use one rule when using the label element .

Example Start

Select Pizza Crust

Example End

HTML Source Code

<div class="select">
    <label for="crust">Select Pizza Crust</label>
    <select name="crust" id="crust">
    <option>Deep dish</option>
    <option>Thick</option>
    <option>Hand thrown</option>
    <option>Thin</option>
  </select>
</div>

CSS Source Code