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">Prefer to self-describe</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>

{  
  "content": [  
    {  
      "pattern": "DEFAULT",  
      "htmlAttributes": [],  
      "columns": [],  
      "questions": [],  
      "rows": 4,  
      "appendOptionGroup": false,  
      "pageSequence": 0,  
      "showUprn": false,  
      "options": "gender",  
      "required": true,  
      "type": "RADIO",  
      "text": "What is your gender?",  
      "friendlyName": "Gender",  
      "code": "gender"  
    }  
  ],  
  "options": [  
    {  
      "enabled": {  
        "values": []  
      },  
      "text": "Female",  
      "value": "Female"  
    },  
    {  
      "enabled": {  
        "values": []  
      },  
      "text": "Male",  
      "value": "male"  
    },  
    {  
      "enabled": {  
        "values": []  
      },  
      "text": "Self-describe",  
      "value": "Self-describe",  
      "shows": {  
        "type": "INPUT",  
        "required": true,  
        "text": "Describe your gender",  
        "friendlyName": "Describe your gender",  
        "code": "DESCRIBE_YOUR_GENDER"  
      }  
    },  
    {  
      "enabled": {  
        "values": []  
      },  
      "text": "Prefer not to say",  
      "value": "prefer not to say"  
    }  
  ],  
  "name": "gender"  
}