Radioknop

Een radioknop vertegenwoordigt een HTML-formulierelement in de vorm van een ronde knop, die al dan niet aangevinkt kan zijn.

Een radioknop wordt gemaakt met de tag input met het attribuut type op de waarde radio. Uiterlijk:

Een enkele radioknop wordt vrijwel nooit alleen gebruikt, ze moeten in een groep worden gebruikt. In zo'n groep kan slechts één van de knoppen zijn geselecteerd. De knoppen vormen alleen een groep als ze dezelfde waarde hebben voor het attribuut name (zie onderstaande voorbeelden).

Voorbeeld

Laten we twee radioknoppen maken: de eerste gemarkeerd (met het attribuut checked), en de tweede - niet. Hierbij zullen de knoppen een groep vormen, waarin slechts één van hen geselecteerd kan zijn (omdat ze dezelfde waarde hebben voor het attribuut name).

Let op dat deze radioknoppen verschillende waarden hebben voor het attribuut value. Dit is nodig zodat na het verzenden van de gegevens naar de server, PHP kan bepalen welke van de knoppen was geselecteerd:

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Voorbeeld

Laten we nu twee groepen radioknoppen maken: de eerste groep heeft de ene waarde voor het attribuut name, en de tweede - een andere. Laten we erop klikken en we zullen zien dat de groepen onafhankelijk van elkaar werken:

<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Zie ook

checkbox,
waarmee een selectievakje kan worden gerealiseerd
attribuut checked,
dat de radioknop als geselecteerd markeert
pseudoklasse checked,
die stijlen definieert voor geselecteerde radioknoppen
attribuut disabled,
dat formulierelementen uitschakelt
tag label,
dat een label voor de radioknop definieert