Ethnicity

Open this example in a new tab: ethnicity

<div class="form__group">  
  <label id="EQUALITY_ETHNICITY" class="form__label" for="cyour-details-myself-EQUALITY_ETHNICITY">What is your ethnic group? </label>  
  <p class="form__error-message"></p>  
  <p class="form__hint">Choose one option that best describes your ethnic group or background</p>  
  <select class="form__input" id="cyour-details-myself-EQUALITY_ETHNICITY" name="EQUALITY_ETHNICITY" required="">  
    <option value="">Please select …</option>  
    <optgroup label="Arab">  
      <option value="Arab">Arab</option>  
    </optgroup>  
    <optgroup label="Asian or Asian British">  
      <option value="bangladeshi">Bangladeshi</option>  
      <option value="Chinese">Chinese</option>  
      <option value="indian">Indian</option>  
      <option value="pakistani">Pakistani</option>  
      <option value="Any other Asian background">Any other Asian background</option>  
    </optgroup>  
    <optgroup label="Black or Black British">  
      <option value="african">African</option>  
      <option value="caribbean">Caribbean</option>  
      <option value="any other black background">Any other Black background</option>  
    </optgroup>  
    <optgroup label="Mixed">  
      <option value="white and asian">White and Asian</option>  
      <option value="white and black african">White and Black African</option>  
      <option value="white and black caribbean">White and Black Caribbean</option>  
      <option value="any other mixed background">Any other mixed background</option>  
    </optgroup>  
    <optgroup label="White">  
      <option value="white -- gypsy roma or Traveller">Gypsy, Roma or Traveller</option>  
      <option value="white -- british">White -- British</option>  
      <option value="white -- irish">White -- Irish</option>  
      <option value="any other white background">Any other White background</option>  
    </optgroup>  
    <optgroup label="Other">  
      <option value="Other ethnic background">Other ethnic background</option>  
      <option value="prefer not to say">Prefer not to say</option>  
    </optgroup>  
  </select>  
</div>