V dokumentu HyperText Markup Language (HTML) so izbirni gumbi vrsta vizualnega elementa, ki ga lahko izbere uporabnik. Izbirni gumbi HTML so edinstveni, saj uporabniku ponujajo več možnosti, hkrati pa omogočajo izbiro le ene od danih možnosti. Ena najpogostejših uporab izbirnih gumbov HTML je zajem izbire v uporabniških obrazcih za vnos, čeprav lahko skripti ali drugi programi prestrežejo dogodke njihove izbire in preklica, kar jim omogoča, da delujejo kot takojšnji izbirniki za druge elemente na spletno stran. Z uporabo kaskadnih slogovnih listov (CSS) in JavaScript® lahko izbirni gumbi HTML uporabljajo slike po meri za prikaz in preglasijo njihov privzeti videz. Primeri situacij, v katerih bi lahko uporabili izbirne gumbe HTML, vključujejo izbiro spola, ki ima lahko samo eno vrednost iz dveh različnih možnosti, ali izbiro enega samega naslova za dostavo, ko je navedenih več naslovov.
V nekaterih pogledih so izbirni gumbi HTML podobni potrditvenim poljem HTML. Vsakemu gumbu je dodeljena slikovna ali besedilna oznaka, ki je prikazana tam, kjer se gumb nahaja znotraj postavitve. Poleg te oznake je krog, ki je prazen, če izbirni gumb ni izbran, in ima v njem piko ali drug vzorec polnjenja, ko je izbran. Uporabnik lahko klikne na krog, da ga izbere; Edinstven vidik izbirnih gumbov HTML je v tem, da ko je gumb izbran, so vsi drugi gumbi v isti skupini preklicani, kar omogoča izbiro samo enega elementa naenkrat. To je za razliko od potrditvenih polj, ki so podobna, vendar omogočajo izbiro poljubnega števila možnosti hkrati.
V lastnostih izbirnih gumbov HTML sta dve vrednosti, ki sta pomembni za njihovo uporabo. Prvo je polje z imenom, ki označuje skupino, ki ji pripada izbirni gumb v dokumentu HTML, drugo pa je polje vrednosti. Ko je gumb izbran, so vsi drugi izbirni gumbi z istim imenom, imenovani tudi njihova skupina, preklicani. Uporaba različnih imen skupin omogoča, da v istem dokumentu obstajajo različni nizi izbirnih gumbov. Oznaka vrednosti je dejanska vrnjena vrednost za izbirni gumb, ko je izbran in predložen skriptu ali programu v obdelavo.
Vizualni prikaz izbirnih gumbov HTML je mogoče spremeniti na več načinov. Z uporabo standardnih vrednosti poravnave HTML in CSS je mogoče gumbe dinamično razporediti znotraj dokumenta na skoraj enak način, kot je poravnana slika. Videz gumbov, natančneje kroga in izbranih slik krogov, je mogoče v celoti prilagoditi in nadomestiti s slikami, ki jih ustvarijo uporabniki, z manipuliranjem predmetnega modela dokumenta (DOM) s CSS in JavaScript®, čeprav podpora brskalnika ni vedno skladna iz ene aplikacije. drugemu.