xxxxxxxxxx
<div class="custom-control custom-radio">
<input type="radio" id="customRadio1" name="customRadio" class="form-check-input" checked>
<label class="form-check-label" for="customRadio1">Custom radio</label>
</div>
xxxxxxxxxx
<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
xxxxxxxxxx
<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>
xxxxxxxxxx
<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>
xxxxxxxxxx
<label>
<input type="radio" name="indoor-outdoor">Indoor
</label>
xxxxxxxxxx
//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.
*/
xxxxxxxxxx
<input type="radio" name="contact" value="email" id="email" checked>
<label for="email">: Email</label>
<input type="radio" name="contact" value="phone" id="phone">
<label for="phone">: Phone</label>
<input type="radio" name="contact" value="message" id="message">
<label for="message">: Message</label>