Gender

Open this example in a new tab: gender

<div class="form__group">  
  <fieldset class="form__fieldset">  
    <legend id="gender" class="form__label">What best describes your gender identity?</legend>  
    <p class="form__error-message"></p>      
      <div class="form__item--choices">  
        <input id="c41-gender-Female-1" type="radio" name="gender" class="form__input-choices form__input-choices--radio" value="Female">  
        <label class="form__label-choices" for="c41-gender-Female-1">Female</label>  
      </div>  
      <div class="form__item--choices">  
        <input id="c41-gender-male-2" type="radio" name="gender" class="form__input-choices form__input-choices--radio" value="male">  
        <label class="form__label-choices" for="c41-gender-male-2">Male</label>  
      </div>      
      <div class="form__item--choices">  
        <input id="c41-gender-Non-binary-3" type="radio" name="gender" class="form__input-choices form__input-choices--radio" value="Non-binary">  
        <label class="form__label-choices" for="c41-gender-Non-binary-3">Non-binary</label>  
      </div>  
      <div class="form__item--choices">  
        <input id="c41-gender-other-4" type="radio" name="gender" class="form__input-choices form__input-choices--radio" value="other">  
        <label class="form__label-choices" for="c41-gender-other-4">In my own terms</label>  
      </div>  
      <div class="form__item--choices">  
        <input id="c41-gender-not to say-5" type="radio" name="gender" class="form__input-choices form__input-choices--radio" value="not to say">  
        <label class="form__label-choices" for="c41-gender-not to say-5">Prefer not to say</label>  
      </div>  
    </fieldset>  
  </div>