Cosa sono i pulsanti di opzione HTML?
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 univoci, in quanto offrono all'utente diverse opzioni ma consentono di selezionare una delle opzioni specificate in qualsiasi momento. Uno degli usi più comuni dei pulsanti di opzione HTML è acquisire una scelta all'interno dei moduli di input dell'utente, anche se possono anche far intercettare gli eventi di selezione e deselezione 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 genere, che può avere un solo valore tra due diverse opzioni o la scelta di un singolo 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 è 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 è presente un cerchio vuoto quando il pulsante di opzione non è selezionato e al suo interno è presente un punto o un altro motivo di riempimento 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 dello 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 qualsiasi numero di opzioni contemporaneamente.
Esistono due valori nelle 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, tutti gli altri pulsanti di opzione con lo stesso nome, chiamati anche il loro gruppo, vengono deselezionati. L'uso di nomi di gruppi diversi consente l'esistenza di diversi set di pulsanti di opzione all'interno dello stesso documento. Il tag value è il valore restituito effettivo per il pulsante di opzione quando viene selezionato e inviato a uno script o programma per l'elaborazione.
La visualizzazione visiva dei pulsanti di opzione HTML può essere modificata in alcuni modi. Tramite l'uso di valori standard di allineamento HTML e CSS, i pulsanti possono essere disposti dinamicamente all'interno di un documento in modo analogo a come viene allineata un'immagine. L'aspetto dei pulsanti, in particolare il cerchio e le immagini del cerchio selezionato, possono essere personalizzati completamente e sostituiti 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.