<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
<form>
<label for="">male</label>
<input type="radio" name="gender" value="male" checked>
<label for="">female</label>
<input type="radio" name="gender" value="female" id="">
</form>
<form>
<p>Veuillez choisir la meilleure méthode pour vous contacter :</p>
<div>
<input type="radio" id="contactChoice1"
name="contact" value="email">
<label for="contactChoice1">Email</label>
<input type="radio" id="contactChoice2"
name="contact" value="telephone">
<label for="contactChoice2">Téléphone</label>
<input type="radio" id="contactChoice3"
name="contact" value="courrier">
<label for="contactChoice3">Courrier</label>
</div>
<div>
<button type="submit">Envoyer</button>
</div>
</form>
<form>
<p>Select a maintenance drone:</p>
<div>
<input type="radio" id="huey" name="drone" value="huey"
checked>
<label for="huey">Huey</label>
</div>
<div>
<input type="radio" id="dewey" name="drone" value="dewey">
<label for="dewey">Dewey</label>
</div>
<div>
<input type="radio" id="louie" name="drone" value="louie">
<label for="louie">Louie</label>
</div>
</form>
<!--- If you want to be able to make several elements selectable,
the "name" attribute must be different for each of them... -->
// source : https://developer.mozilla.org/
<form action="/process.php">
<p>Please select your favorite fruits:</p>
<input type="radio" id="html" name="fav_fruit" value="Orange">
<label for="html">Orange</label><br>
<input type="radio" id="css" name="fav_fruit" value="Mango">
<label for="css">Mango</label><br>
<input type="radio" id="javascript" name="fav_fruit" value="Pawpaw">
<label for="javascript">Pawpaw</label>
<label>
<input type="radio" name="indoor-outdoor">Indoor
</label>
<div>
<label class="radio">
<input name="radio" type="radio" checked/>
<span>Awesome</span>
</label>
<label class="radio">
<input name="radio" type="radio" />
<span>Cool</span>
</label>
</div>
<input type="radio"value ="section b " name="section"id="sectionidb">
//Defination of radio button:
/*
In HTML, a radio button is used to select one of many given choices.
Radio buttons are shown in radio groups to show a set of related options, only one of which can be selected.
A radio button in HTML can be defined using the <input> tag.
*/