Wat zijn HTML -radioknoppen?

In een document HyperText Markup Language (HTML) zijn radioknoppen een type visueel element dat door een gebruiker kan worden geselecteerd.HTML -radioknoppen zijn uniek, omdat ze de gebruiker verschillende opties bieden, maar toestaan dat een van de gegeven opties op elk moment wordt geselecteerd.Een van de meest voorkomende toepassingen voor HTML-radioknoppen is het vastleggen van een keuze binnen gebruikersinvoerformulieren, hoewel ze ook hun selectie- en de-selectieverbruik kunnen hebben onderschept door scripts of andere programma's, waardoor ze kunnen optreden als instant selectors voor andere elementen opeen webpagina.Door het gebruik van Cascading Style Sheets (CSS) en JavaScript , kunnen HTML -radioknoppen aangepaste afbeeldingen gebruiken voor weergave, waardoor hun standaard uiterlijk wordt overschreden.Voorbeelden van situaties waarin HTML -radioknoppen kunnen worden gebruikt, zijn onder meer het selecteren van een geslacht, dat slechts één waarde kan hebben uit twee verschillende opties, of het kiezen van een enkel verzendadres wanneer meerdere adressen worden vermeld.

In sommige aspecten zijn HTML -radioknoppen vergelijkbaarnaar HTML -selectievakjes.Aan elke knop wordt een afbeelding of tekstlabel toegewezen dat wordt weergegeven waar de knop zich binnen een lay -out bevindt.Naast dit label is een cirkel die leeg is wanneer het radioknop niet is geselecteerd en een stip of een ander vulpatroon erin heeft wanneer het wordt geselecteerd.Een gebruiker kan op de cirkel klikken om deze te selecteren;Het unieke aspect van HTML-radioknoppen is dat, wanneer een knop is geselecteerd, alle andere knoppen in dezelfde groep worden geselecteerd, waardoor slechts één item tegelijk kan worden gekozen.Dit is in tegenstelling tot selectievakjes, die vergelijkbaar zijn, maar dat een willekeurig aantal opties tegelijkertijd kan worden geselecteerd.

Er zijn twee waarden binnen de eigenschappen van HTML -radioknoppen die belangrijk zijn voor het gebruik ervan.De eerste is het naamveld dat de groep identificeert waartoe een radioknop binnen een HTML -document hoort, en de tweede is het waarde van de waarde.Wanneer een knop is geselecteerd, worden alle andere radioknoppen met dezelfde naam, ook wel hun groep genoemd, uitgeschakeld.Door verschillende groepsnamen te gebruiken, kunnen verschillende sets radioknoppen in hetzelfde document bestaan.De waarde -tag is de werkelijke retourwaarde voor het radioknop wanneer deze wordt geselecteerd en ingediend bij een script of programma voor verwerking.

Het visuele weergave van HTML -radioknoppen kan op een paar 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 is uitgelijnd.Het verschijnen van de knoppen, met name de cirkel- en geselecteerde cirkelbeelden, kan volledig worden aangepast en worden vervangen door door gebruikers gegenereerde afbeeldingen door het documentobjectmodel (DOM) te manipuleren met CSS en JavaScript , hoewel browserondersteuning niet altijd consistent is van één toepassing isaan een ander.