Radio button in Html

Radio Button let a user select one of the limited number of choices.
name attribute should be given properly to select the radio buttons.
If you use the radio button tag without label tag, you can select it by exactly clicking on the circle.
If you use it with a label tag you can select it by clicking on the label.


Example:

<!DOCTYPE html>
<html>
<head>
<title>Radio Button</title>
</head>

<body>
<!--You should click the checkbox, if you click on the 'Male'---->
Simple Radio button</br>
<input type="radio" name="gender">Male
<input type="radio" name="gender">Female

<!--You can click on the label also---->
</br> Radio button with label</br>
<label>
<input type="radio" name="genders">Male
</label>

<label>
<input type="radio" name="genders">Female
</label>
</body>
</html>

Output of this code will look like this: