Multiple radio button groups in one form

forms, html, radio-group

Solution

Set equal `name` attributes to create a group;

<form>
  <fieldset id="group1">
    <input type="radio" value="value1" name="group1">
    <input type="radio" value="value2" name="group1">
  </fieldset>

  <fieldset id="group2">
    <input type="radio" value="value1" name="group2">
    <input type="radio" value="value2" name="group2">
    <input type="radio" value="value3" name="group2">
  </fieldset>
</form>

Problem

Is it possible to have multiple radio button groups in a single form? Usually selecting one button deselects the previous, I just need to have one of a group deselected. ``` <form> <fieldset id="group1"> <input type="radio" value=""> <input type="radio" value=""> </fieldset> <fieldset id="group2"> <input type="radio" value=""> <input type="radio" value=""> <input type="radio" value=""> </fieldset> </form> ```

Original source