Quali sono i pulsanti di radio HTML?

In un documento HTML di Hypertext Markup Language (HTML), i pulsanti di radio sono un tipo di elemento visivo che può essere selezionato da un utente.I pulsanti di radio HTML sono unici, perché offrono all'utente diverse opzioni ma consentono di selezionare solo una delle opzioni fornite contemporaneamente.Uno degli usi più comuni per i pulsanti di radio HTML è quello di acquisire una scelta all'interno dei moduli di input dell'utente, sebbene possano anche avere la loro selezione e eventi di deselezione intercettati da script o altri programmi, consentendo loro di agire come selettori istantanei per altri elementiuna pagina web.Attraverso l'uso di fogli di stile a cascata (CSS) e JavaScript , i pulsanti di radio HTML possono utilizzare immagini personalizzate per il display, sovrascrivendo il loro aspetto predefinito.Esempi di situazioni in cui è possibile utilizzare i pulsanti di radio HTML includono la selezione di un genere, che può avere un solo valore da due diverse opzioni o la scelta di un singolo indirizzo di spedizione quando sono elencati più indirizzi.

In alcuni aspetti, i pulsanti di radio HTML sono similialle caselle di controllo HTML.A ciascun pulsante viene assegnata un'immagine o un'etichetta di testo che viene visualizzata in cui il pulsante si trova all'interno di un layout.Accanto a questa etichetta c'è un cerchio 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 selezionati, consentendo di scegliere solo un elemento alla volta.Questo è diverso dalle caselle di controllo, che sono simili ma consentono di selezionare un numero qualsiasi di opzioni contemporaneamente.

Esistono due valori all'interno delle proprietà dei pulsanti di radio HTML che sono importanti per il loro utilizzo.Il primo è il campo Nome che identifica il gruppo a cui appartiene un pulsante di opzione all'interno di un documento HTML e il secondo è il campo Valore.Quando viene selezionato un pulsante, tutti gli altri pulsanti di opzione con lo stesso nome, chiamati anche il loro gruppo, sono deselezionati.L'uso di nomi di gruppi diversi consente di esistere diversi set di pulsanti di radio all'interno dello stesso documento.Il tag del valore è il valore di restituzione 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 radio 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 un'immagine è allineata.L'aspetto dei pulsanti, in particolare le immagini del cerchio e del cerchio selezionate, può essere personalizzata completamente e sostituita con immagini generate dall'utente manipolando il modello a oggetti documenti (DOM) con CSS e JavaScript , sebbene il supporto del browser non sia sempre coerente da un'applicazionea un altro.