Sexual orientation

Open this example in a new tab: sexual-orientation

<div class="form__group">  
  <fieldset class="form__fieldset">  
    <legend id="SEXUAL_ORIENTATION" class="form__label">What is your sexual orientation? </legend>  
    <p class="form__error-message"></p>  
    <div class="form__item--choices">  
      <input id="c41-SEXUAL_ORIENTATION-Bi-1" type="radio" name="SEXUAL_ORIENTATION" class="form__input-choices form__input-choices--radio" value="Bi">  
      <label class="form__label-choices" for="c41-SEXUAL_ORIENTATION-Bi-1">Bisexual</label>  
    </div>  
    <div class="form__item--choices">  
      <input id="c41-SEXUAL_ORIENTATION-gay-2" type="radio" name="SEXUAL_ORIENTATION" class="form__input-choices form__input-choices--radio" value="gay">  
      <label class="form__label-choices" for="c41-SEXUAL_ORIENTATION-gay-2">Gay/Lesbian</label>  
    </div>  
    <div class="form__item--choices">  
      <input id="c41-SEXUAL_ORIENTATION-hetero-3" type="radio" name="SEXUAL_ORIENTATION" class="form__input-choices form__input-choices--radio" value="hetero">  
      <label class="form__label-choices" for="c41-SEXUAL_ORIENTATION-hetero-3">Heterosexual/Straight</label>  
    </div>      
    <div class="form__item--choices">  
      <input id="c41-SEXUAL_ORIENTATION-other-4" type="radio" name="SEXUAL_ORIENTATION" class="form__input-choices form__input-choices--radio" value="other">  
      <label class="form__label-choices" for="c41-SEXUAL_ORIENTATION-other-4">In my own terms</label>  
    </div>  
    <div class="form__item--choices">  
      <input id="c41-SEXUAL_ORIENTATION-not to say-5" type="radio" name="SEXUAL_ORIENTATION" class="form__input-choices form__input-choices--radio" value="not to say">  
      <label class="form__label-choices" for="c41-SEXUAL_ORIENTATION-not to say-5">Prefer not to say</label>  
    </div>  
  </fieldset>  
</div>