Skip to main content

Hva er HTML -radioknapper?

I et HTML -dokument i et Hypertext Markup Language (HTML) 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 brukerinngangsskjemaer, selv om de også kan ha sitt utvalg og de-valghendelser som er oppfanget av skript eller andre programmer, slik at de kan fungere som øyeblikkelig velgere for andre elementer påen webside.Gjennom bruk av Cascading Style Sheets (CSS) og JavaScript , kan HTML -radioknapper bruke tilpassede bilder til visning, og overstyre standardutseendet.Eksempler på situasjoner der HTML -radioknapper kan brukes inkluderer å velge et kjønn, som bare kan ha en verdi fra to forskjellige alternativer, eller velge en enkelt fraktadresse når flere adresser er listet opp.

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

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

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