HTML <input type="radio">
Voorbeeld
Met keuzerondjes kan een gebruiker slechts één van een beperkt aantal keuzes selecteren:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definitie en gebruik
De <input type="radio">
definieert een keuzerondje.
Keuzerondjes worden normaal gesproken weergegeven in radiogroepen (een verzameling keuzerondjes die een reeks gerelateerde opties beschrijven). Er kan slechts één keuzerondje in een groep tegelijkertijd worden geselecteerd.
Opmerking: de radiogroep moet dezelfde naam hebben (de waarde van het name
attribuut) om als groep te worden behandeld. Zodra de radiogroep is gemaakt, deselecteert het selecteren van een keuzerondje in die groep automatisch alle andere geselecteerde keuzerondjes in dezelfde groep. U kunt zoveel radiogroepen op een pagina hebben als u wilt, zolang elke groep zijn eigen naam heeft.
Opmerking: het value
attribuut definieert de unieke waarde die aan elk keuzerondje is gekoppeld. De waarde wordt niet aan de gebruiker getoond, maar is de waarde die bij "verzenden" naar de server wordt gestuurd om te identificeren welk keuzerondje is geselecteerd.
Tip: voeg altijd de <label>
tag toe voor de beste toegankelijkheidspraktijken!
Browserondersteuning
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<input type="radio">