Vad är HTML-radioknappar?

I ett HyperText Markup Language-dokument (HTML) är radioknappar en typ av visuella element som kan väljas av en användare. HTML-radioknappar är unika, eftersom de erbjuder användaren flera alternativ men endast tillåter att ett av de givna alternativen kan väljas när som helst. En av de vanligaste användningarna för HTML-radioknappar är att fånga ett val inom användarinmatningsformer, även om de också kan få sina urval och avmarkeringshändelser avlyssnas av skript eller andra program, vilket gör att de kan fungera som direktväljare för andra element på en webbsida. Genom att använda cascaderande formatmallar (CSS) och JavaScript®, kan HTML-radioknappar använda anpassade bilder för visning, vilket åsidosätter deras standardutseende. Exempel på situationer där HTML-radioknappar kan användas inkluderar att välja ett kön, som bara kan ha ett värde från två olika alternativ, eller välja en enda leveransadress när flera adresser listas.

I vissa aspekter liknar HTML-radioknappar HTML-kryssrutor. Varje knapp tilldelas en bild eller textetikett som visas där knappen finns i en layout. Bredvid denna etikett finns en cirkel som är tom när alternativknappen inte är vald och som har en prick eller annat fyllmönster i den när den är vald. En användare kan klicka på cirkeln för att välja den; den unika aspekten av HTML-radioknappar är att när en knapp är vald, alla andra knappar i samma grupp avmarkeras, vilket gör att endast ett objekt kan väljas åt gången. Detta är till skillnad från kryssrutor, som är likadana men gör att valfritt antal alternativ kan väljas samtidigt.

Det finns två värden inom egenskaperna för HTML-radioknappar som är viktiga för deras användning. Det första är namnfältet som identifierar den grupp som en radioknapp tillhör i ett HTML-dokument, och det andra är värdefältet. När en knapp väljs, avmarkeras alla andra radioknappar med samma namn, även kallad deras grupp. Att använda olika gruppnamn gör att olika uppsättningar med radioknappar finns i samma dokument. Värdetiketten är det verkliga returvärdet för alternativknappen när den är vald och skickas till ett skript eller program för bearbetning.

Den visuella visningen av HTML-radioknappar kan ändras på några sätt. Genom att använda standardvärden för HTML och CSS-justering kan knapparna ordnas dynamiskt i ett dokument på ungefär samma sätt som en bild justeras. Utseendet på knapparna, specifikt cirkeln och utvalda cirkelbilder, kan anpassas helt och ersättas med användargenererade bilder genom att manipulera dokumentobjektmodellen (DOM) med CSS och JavaScript®, även om webbläsarsupport inte alltid är konsekvent från en applikation till en annan.