BETA This is a new service — your feedback will help us to improve it.

Back to components


Avoid using select boxes (drop-down lists) - use radio buttons or checkboxes instead.


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>

Error handling

  • add a class of form-group-error to <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-error to <select class="form-control">
Error message goes here
Back to top