In un documento HyperText Markup Language (HTML), i pulsanti di opzione sono un tipo di elemento visivo che può essere selezionato da un utente. I pulsanti di opzione HTML sono unici, perché offrono all’utente diverse opzioni ma consentono di selezionare solo una delle opzioni fornite alla volta. Uno degli usi più comuni dei pulsanti di opzione HTML è acquisire una scelta all’interno dei moduli di input dell’utente, sebbene possano anche far sì che i loro eventi di selezione e deselezione vengano intercettati da script o altri programmi, consentendo loro di agire come selettori istantanei per altri elementi su una pagina web. Attraverso l’uso di fogli di stile a cascata (CSS) e JavaScript®, i pulsanti di opzione HTML possono utilizzare immagini personalizzate per la visualizzazione, sovrascrivendo il loro aspetto predefinito. Esempi di situazioni in cui è possibile utilizzare i pulsanti di opzione HTML includono la selezione di un sesso, che può avere solo un valore tra due diverse opzioni, o la scelta di un unico indirizzo di spedizione quando sono elencati più indirizzi.
In alcuni aspetti, i pulsanti di opzione HTML sono simili alle caselle di controllo HTML. A ciascun pulsante viene assegnata un’immagine o un’etichetta di testo che viene visualizzata nel punto in cui si trova il pulsante all’interno di un layout. Accanto a questa etichetta c’è un cerchio che è vuoto quando il pulsante di opzione non è selezionato e ha un punto o un altro motivo di riempimento al suo interno quando è selezionato. Un utente può fare clic sul cerchio per selezionarlo; l’aspetto unico dei pulsanti di opzione HTML è che, quando viene selezionato un pulsante, tutti gli altri pulsanti nello stesso gruppo vengono deselezionati, consentendo di scegliere un solo elemento alla volta. Questo è diverso dalle caselle di controllo, che sono simili ma consentono di selezionare un numero qualsiasi di opzioni contemporaneamente.
Ci sono due valori all’interno delle proprietà dei pulsanti di opzione HTML che sono importanti per il loro utilizzo. Il primo è il campo del nome che identifica il gruppo a cui appartiene un pulsante di opzione all’interno di un documento HTML e il secondo è il campo del valore. Quando viene selezionato un pulsante, vengono deselezionati tutti gli altri pulsanti di opzione con lo stesso nome, detti anche il loro gruppo. L’utilizzo di nomi di gruppi diversi consente la presenza di diversi set di pulsanti di opzione all’interno dello stesso documento. Il tag del valore è il valore di ritorno effettivo per il pulsante di opzione quando viene selezionato e inviato a uno script oa un programma per l’elaborazione.
La visualizzazione dei pulsanti di opzione HTML può essere modificata in alcuni modi. Attraverso l’uso di valori di allineamento HTML e CSS standard, i pulsanti possono essere disposti dinamicamente all’interno di un documento più o meno allo stesso modo in cui è allineata un’immagine. L’aspetto dei pulsanti, in particolare il cerchio e le immagini del cerchio selezionato, può essere completamente personalizzato e sostituito con immagini generate dall’utente manipolando il modello a oggetti del documento (DOM) con CSS e JavaScript®, sebbene il supporto del browser non sia sempre coerente da un’applicazione ad un altro.