Wat zijn HTML-keuzerondjes?
In een HTML-document (HyperText Markup Language) zijn keuzerondjes een type visueel element dat door een gebruiker kan worden geselecteerd. HTML-keuzerondjes zijn uniek, omdat ze de gebruiker verschillende opties bieden, maar slechts één van de gegeven opties tegelijk laten selecteren. Een van de meest voorkomende toepassingen voor HTML-keuzerondjes is het vastleggen van een keuze in gebruikersinvoerformulieren, hoewel ze ook hun selectie- en deselectiegebeurtenissen kunnen laten onderscheppen door scripts of andere programma's, waardoor ze kunnen fungeren als directe selectors voor andere elementen op een webpagina. Door het gebruik van cascading style sheets (CSS) en JavaScript® kunnen HTML-radioknoppen aangepaste afbeeldingen gebruiken voor weergave, waardoor hun standaard uiterlijk wordt vervangen. Voorbeelden van situaties waarin HTML-keuzerondjes kunnen worden gebruikt, zijn het selecteren van een geslacht, dat slechts één waarde uit twee verschillende opties kan hebben, of het kiezen van een enkel verzendadres wanneer meerdere adressen worden vermeld.
In sommige aspecten lijken HTML-keuzerondjes op HTML-selectievakjes. Aan elke knop wordt een afbeelding of tekstlabel toegewezen dat wordt weergegeven waar de knop zich in een lay-out bevindt. Naast dit label staat een cirkel die leeg is als het keuzerondje niet is geselecteerd en er een stip of ander opvulpatroon in zit wanneer het is geselecteerd. Een gebruiker kan op de cirkel klikken om deze te selecteren; het unieke aspect van HTML-keuzerondjes is dat, wanneer een knop is geselecteerd, alle andere knoppen in dezelfde groep zijn gedeselecteerd, waardoor slechts één item tegelijk kan worden gekozen. Dit in tegenstelling tot selectievakjes, die vergelijkbaar zijn, maar waarmee een willekeurig aantal opties tegelijk kan worden geselecteerd.
Er zijn twee waarden in de eigenschappen van HTML-keuzerondjes die belangrijk zijn voor het gebruik ervan. De eerste is het naamveld dat de groep identificeert waartoe een keuzerondje behoort binnen een HTML-document, en de tweede is het waardeveld. Wanneer een knop is geselecteerd, worden alle andere keuzerondjes met dezelfde naam, ook wel hun groep genoemd, uitgeschakeld. Door verschillende groepsnamen te gebruiken, kunnen verschillende sets keuzerondjes binnen hetzelfde document bestaan. De waardetag is de werkelijke retourwaarde voor het keuzerondje wanneer dit wordt geselecteerd en ter verwerking naar een script of programma wordt verzonden.
De visuele weergave van HTML-keuzerondjes kan op verschillende manieren worden gewijzigd. Door het gebruik van standaard HTML- en CSS-uitlijningswaarden, kunnen de knoppen dynamisch in een document worden gerangschikt op vrijwel dezelfde manier waarop een afbeelding wordt uitgelijnd. Het uiterlijk van de knoppen, met name de cirkel en geselecteerde cirkelafbeeldingen, kan volledig worden aangepast en worden vervangen door door de gebruiker gegenereerde afbeeldingen door het documentobjectmodel (DOM) te manipuleren met CSS en JavaScript®, hoewel browserondersteuning niet altijd consistent is vanuit één toepassing naar een ander.