<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">
Code Example |
---|
:: |
:: |
:: |
:: |
Html :: |
:: |
:: |
Html :: |
:: html5 input pattern name |
:: |
:: |
:: how do you add an image in html |
:: |
:: |
:: |
:: vue-date-pick |
Html :: how to get the 4th child of an html element |
:: |
:: |
:: |
:: |
:: |
Html :: |
Html :: bulma css lighter buttons |
:: html how to hide and show multiple |
:: divs in html |
:: |
Html :: |
:: |
Html :: |