Error handling
- add a class of
form-group-errorto<div class="form-group"> - the error message
<span class="error-message">Choose an answer</span>goes beneath the<label> - add a class of
form-control-errorto<select class="form-control">
Back to components
Select
Avoid using select boxes (drop-down lists) - use radio buttons or checkboxes instead.
Contents
Example
HTML Snippet for select
<div class="form-group">
<label class="form-label" for="select-box">This is the label text</label>
<select class="form-control" id="select-box" name="select-box">
<option>LEEDS.GOV.UK elements option 1</option>
<option>LEEDS.GOV.UK elements option 2</option>
<option>LEEDS.GOV.UK elements option 3</option>
</select>
</div>
Example