I am working on a somewhat larger html5 form in a Gatsby site and was wondering if there is a better way to name checkboxes/radio buttons. According to the docs and what I read here each input has to have a unique name which works fine for text-fields and even dropdowns but for checkboxes and radio buttons this gets messy quite quickly.
<label> <input type="radio" name="anrede-herr" value="Herr" defaultChecked /> <span>Herr</span> </label> <label> <input type="radio" name="anrede-frau" value="Frau" /> <span>Frau</span> </label>
Will then turn into “Anrede Herr: Herr” and “Anrede Frau” in the Netlify UI.
In a form with multiple checkbox groups with a couple values each it gets unusable. Is there any way to only see one name for the fieldset and the user selected value(s)?