Mitä ovat HTML -radiopainikkeet?

HyperText Markup Language (HTML) -asiakirjassa valintanapit ovat eräänlainen visuaalinen elementti, jonka käyttäjä voi valita. HTML -valintanapit ovat ainutlaatuisia, koska ne tarjoavat käyttäjälle useita vaihtoehtoja, mutta sallivat valita vain yhden annetuista vaihtoehdoista kerrallaan. Yksi HTML-valintanappien yleisimmistä käyttötarkoituksista on valinnan tallentaminen käyttäjän syöttölomakkeisiin, mutta myös niiden skriptit tai muut ohjelmat voivat siepata niiden valinta- ja valintamenettelytapahtumat, jolloin ne voivat toimia muiden elementtien pikavalintana verkkosivun. CSS -tyylisivujen ja JavaScript®: n avulla HTML -valintanapit voivat käyttää mukautettuja kuvia näyttämiseen ja ohittaa niiden oletusarvon. Esimerkkejä tilanteista, joissa HTML -valintanappeja voitaisiin käyttää, ovat sukupuolen valitseminen, jolla voi olla vain yksi arvo kahdesta eri vaihtoehdosta, tai yhden toimitusosoitteen valitseminen, kun luettelossa on useita osoitteita.

Joiltakin osin HTML -valintanapit muistuttavat HTML -valintaruutuja. Jokaiselle painikkeelle on määritetty kuva tai tekstitarra, joka näytetään kohdassa, jossa painike sijaitsee asettelussa. Tämän tarran vieressä on ympyrä, joka on tyhjä, kun valintanappia ei ole valittu, ja sen sisällä on piste tai muu täyttökuvio, kun se valitaan. Käyttäjä voi valita ympyrän napsauttamalla sitä; HTML-valintanappien ainutlaatuinen piirre on, että kun painike valitaan, kaikkien muiden saman ryhmän painikkeiden valinnat poistetaan, jolloin vain yksi kohde voidaan valita kerrallaan. Tämä on toisin kuin valintaruudut, jotka ovat samankaltaisia, mutta mahdollistavat minkä tahansa määrän vaihtoehtojen valitsemisen kerralla.

HTML -valintanappien ominaisuuksissa on kaksi arvoa, jotka ovat tärkeitä niiden käytön kannalta. Ensimmäinen on nimikenttä, joka tunnistaa ryhmän, johon valintanappi kuuluu HTML -asiakirjassa, ja toinen on arvokenttä. Kun painike valitaan, kaikkien muiden samannimisten valintanappien, joita kutsutaan myös ryhmänä, valinnat poistetaan. Eri ryhmien nimien avulla samassa asiakirjassa voi olla erilaisia ​​valintanäppäimiä. Arvotunniste on valintanapin todellinen palautusarvo, kun se valitaan ja lähetetään komentosarjalle tai ohjelmalle käsiteltäväksi.

HTML -valintanappien visuaalista näyttöä voidaan muokata muutamalla tavalla. Normaalien HTML- ja CSS -kohdistusarvojen avulla painikkeet voidaan järjestää asiakirjassa dynaamisesti suunnilleen samalla tavalla kuin kuva on kohdistettu. Painikkeiden, erityisesti ympyrän ja valittujen ympyräkuvien, ulkonäköä voidaan muokata kokonaan ja korvata käyttäjän luoduilla kuvilla manipuloimalla asiakirjaobjektimallia (DOM) CSS: n ja JavaScriptin® avulla, vaikka selaintuki ei aina ole yhdenmukainen yhdestä sovelluksesta toiselle.