<!-- You will be able to select both of these radio buttons because they are not associated with each other. They are each their own "set" -->
<p><strong>Gender:</strong></p>
<form>
  <label for="male">Male</label>
  <input id="male" type="radio">
   
  <label for="femail">Female</label>
  <input id="female" type="radio">
</form>

<!-- These two radio buttons are both part of the set named "gender", so you will only be able to pick one of them -->
<p><strong>Gender:</strong></p>
<form>
  <label for="male">Male</label>
  <input name="gender" id="male" type="radio">
   
  <label for="femail">Female</label>
  <input name="gender" id="female" type="radio">
</form>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.