Checkbox and Radio Group

A notification form groups independent and exclusive choices so each control has a visible label and a submitted value.

Program

Choice controls are easiest to use when the group has a legend and every input is wrapped in a label.

checkbox_radio_group.html

<fieldset>
  <legend>Notifications</legend>
  <label><input type="checkbox" name="email" checked> Email</label>
  <label><input type="radio" name="frequency" value="daily" checked> Daily</label>
  <label><input type="radio" name="frequency" value="weekly"> Weekly</label>
</fieldset>

fieldset A fieldset groups related form controls.

radio group Radio inputs with the same name represent one exclusive choice.