labels

by Ken Sprague

HTML

<fieldset>
    <legend>Drinks</legend>
<br/>
<strong>Drinks</strong>
<br/>
<select>
  <optgroup label="Black Tea">
    <option value="hot black tea - sencha">Hot Black Tea - Keemun</option>
    <option value="hot black tea - decaf">Hot Black Tea - Decaf Keemun</option>
    <option value="iced black tea - sencha">Iced Black Tea - Keemun</option>
    <option value="iced black tea - decaf">Iced Black Tea - Decaf Keemun</option>
  </optgroup>
  <optgroup label="Green Tea">
    <option value="hot green tea - sencha">Hot Green Tea - Sencha</option>
    <option value="hot green tea - decaf">Hot Green Tea - Decaf Sencha</option>
    <option value="iced green tea - sencha">Iced Green Tea - Sencha</option>
    <option value="iced green tea - decaf">Iced Green Tea - Decaf Sencha</option>
  </optgroup>
  <optgroup label="Coffee">
    <option value="hot coffee">Hot Coffee</option>
    <option value="hot decaf coffee">Hot Decaf Coffee</option>
    <option value="iced coffee">Iced Coffee</option>
    <option value="iced decaf coffee">Iced Decaf Coffee</option>
  </optgroup>
  <optgroup label="Bubble Tea ($1.50 extra)">
    <option value="bubble tea">Bubble Tea</option>
  </optgroup>
</select>
<br/>
<br/>
<input type="checkbox" name="large drink(75¢ extra)" id="large drink(75¢ extra)" value="large drink(75¢ extra)" checked><label for="large drink(75¢ extra)"> Large drink(75¢ extra)</label><br>
<br/>
<button type="submit" id="place order" value="place order"><label for="place order"> Submit</label></button><br>
</fieldset>