Hva er HTML-radioknapper?

I et HyperText Markup Language (HTML) dokument er radioknapper en type visuelt element som kan velges av en bruker. HTML-radioknapper er unike, fordi de tilbyr brukeren flere alternativer, men bare lar et av de gitte alternativene velges når som helst. En av de vanligste bruksområdene for HTML-radioknapper er å fange et valg innen brukerinputformer, selv om de også kan få valg av og avvalgshendelser avskjørt av skript eller andre programmer, slik at de kan fungere som øyeblikkelig valg for andre elementer på en webside. Gjennom bruk av kaskaderende stilark (CSS) og JavaScript®, kan HTML-radioknapper bruke tilpassede bilder for visning, og tilsidesetter standardutseendet. Eksempler på situasjoner der HTML-radioknapper kan brukes inkluderer valg av kjønn, som bare kan ha en verdi fra to forskjellige alternativer, eller velge en enkelt leveringsadresse når flere adresser er oppført.

I noen aspekter ligner HTML-radioknapper til HTML-avmerkingsbokser. Hver knapp tildeles et bilde eller tekstetikett som vises der knappen befinner seg i en layout. Ved siden av denne etiketten er en sirkel som er tom når alternativknappen ikke er valgt, og som har et prikk eller annet fyllmønster inni seg når den er valgt. En bruker kan klikke på sirkelen for å velge den; det unike ved HTML-radioknapper er at når en knapp er valgt, blir alle andre knapper i samme gruppe fjernet, slik at bare ett element kan velges om gangen. Dette er i motsetning til avmerkingsboksene, som er like, men lar et hvilket som helst antall alternativer velges samtidig.

Det er to verdier innenfor egenskapene til HTML-radioknapper som er viktige for deres bruk. Det første er navnefeltet som identifiserer gruppen som en alternativknapp tilhører et HTML-dokument, og det andre er verdifeltet. Når en knapp er valgt, blir alle andre radioknapper med samme navn, også kalt gruppen deres, valgt. Ved å bruke forskjellige gruppenavn kan det finnes forskjellige sett med radioknapper i det samme dokumentet. Verdikoden er den faktiske returverdien for alternativknappen når den er valgt og sendt til et skript eller program for behandling.

Den visuelle visningen av HTML-radioknapper kan endres på noen få måter. Ved bruk av standard HTML- og CSS-justeringsverdier kan knappene ordnes dynamisk i et dokument på omtrent samme måte som et bilde blir justert. Utseendet til knappene, spesifikt sirkelen og valgte sirkelbilder, kan tilpasses fullstendig og erstattes med brukergenererte bilder ved å manipulere dokumentobjektmodellen (DOM) med CSS og JavaScript®, selv om nettleserstøtte ikke alltid er konsistent fra ett program til en annen.