radio button html code example
Example 1: radio buttons html
<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
Example 2: html radio button checked
<input type="radio" id="huey" name="drone" value="huey"
checked>
Example 3: input radio html
<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>
Example 4: radio buttons
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
Example 5: radio button
<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>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio2" name="customRadio" class="form-check-input">
<label class="form-check-label" for="customRadio2">Custom radio</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio3" name="customRadio2" class="form-check-input" checked disabled>
<label class="form-check-label" for="customRadio3">Custom radio</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" id="customRadio4" name="customRadio2" class="form-check-input" disabled>
<label class="form-check-label" for="customRadio4">Custom radio</label>
</div>