Într-un document HTML (HyperText Markup Language), butoanele radio sunt un tip de element vizual care poate fi selectat de un utilizator. Butoanele radio HTML sunt unice, deoarece oferă utilizatorului mai multe opțiuni, dar permit doar selectarea uneia dintre opțiunile date la un moment dat. Una dintre cele mai obișnuite utilizări pentru butoanele radio HTML este de a capta o alegere în formularele de introducere a utilizatorului, deși, de asemenea, pot avea evenimentele lor de selecție și deselectare interceptate de scripturi sau alte programe, permițându-le să acționeze ca selectoare instantanee pentru alte elemente de pe o pagină web. Prin utilizarea foilor de stil în cascadă (CSS) și JavaScript®, butoanele radio HTML pot folosi imagini personalizate pentru afișare, suprascriind aspectul lor implicit. Exemple de situații în care butoanele radio HTML ar putea fi utilizate includ selectarea unui sex, care poate avea o singură valoare din două opțiuni diferite sau alegerea unei singure adrese de expediere atunci când sunt enumerate mai multe adrese.
În unele aspecte, butoanele radio HTML sunt similare cu casetele de selectare HTML. Fiecărui buton i se atribuie o imagine sau o etichetă de text care este afișată acolo unde butonul se află într-un aspect. Lângă această etichetă este un cerc care este gol atunci când butonul radio nu este selectat și are un punct sau alt model de umplere în interiorul său atunci când este selectat. Un utilizator poate face clic pe cerc pentru a-l selecta; aspectul unic al butoanelor radio HTML este că, atunci când este selectat un buton, toate celelalte butoane din același grup sunt deselectate, permițând alegerea unui singur element odată. Acest lucru este spre deosebire de casetele de selectare, care sunt similare, dar permit selectarea simultană a oricărui număr de opțiuni.
Există două valori în proprietățile butoanelor radio HTML care sunt importante pentru utilizarea lor. Primul este câmpul de nume care identifică grupul căruia îi aparține un buton radio într-un document HTML, iar al doilea este câmpul de valoare. Când este selectat un buton, toate celelalte butoane radio cu același nume, numite și grupul lor, sunt deselectate. Utilizarea unor nume de grup diferite permite existența unor seturi diferite de butoane radio în cadrul aceluiași document. Eticheta de valoare este valoarea de returnare reală pentru butonul radio atunci când este selectat și trimis unui script sau program pentru procesare.
Afișarea vizuală a butoanelor radio HTML poate fi modificată în câteva moduri. Prin utilizarea valorilor standard de aliniere HTML și CSS, butoanele pot fi aranjate dinamic în cadrul unui document, în același mod în care este aliniată o imagine. Aspectul butoanelor, în special a cercului și a imaginilor cercului selectat, poate fi personalizat complet și înlocuit cu imagini generate de utilizator prin manipularea modelului obiect document (DOM) cu CSS și JavaScript®, deși suportul pentru browser nu este întotdeauna consecvent dintr-o singură aplicație. altcuiva.