Interruttore Radio

Un interruttore radio rappresenta un elemento modulo HTML sotto forma di un pulsante rotondo, che può essere selezionato o meno.

Un pulsante radio viene creato utilizzando il tag input con l'attributo type impostato al valore radio. Aspetto:

Un singolo interruttore radio viene utilizzato quasi mai da solo, dovrebbero essere utilizzati in gruppo. In tal caso, nel gruppo può essere selezionato solo uno degli interruttori. Gli interruttori formeranno un gruppo solo se avranno lo stesso valore per l'attributo name (vedi esempi sotto).

Esempio

Creiamo due interruttori radio: il primo sarà selezionato (impostando l'attributo checked), mentre il secondo - no. In questo caso, gli interruttori rappresenteranno un gruppo, in cui può essere selezionato solo uno di essi (poiché hanno lo stesso valore per l'attributo name).

Si noti che a questi pulsanti radio sono stati assegnati valori diversi per l'attributo value. Questo è necessario affinché, dopo l'invio dei dati al server, PHP possa determinare quale degli interruttori era stato selezionato:

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Esempio

Ora creiamo due gruppi di interruttori radio: il primo gruppo avrà un valore per l'attributo name, mentre il secondo - un altro. Proviamo a cliccarci su e vedremo che i gruppi si attivano indipendentemente l'uno dall'altro:

<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Vedi anche

checkbox,
che può essere utilizzato per implementare una spunta
attributo checked,
che rende l'interruttore radio selezionato
pseudoclasse checked,
che imposta gli stili per i radio selezionati
attributo disabled,
che disabilita gli elementi del modulo
tag label,
che imposta l'etichetta per il radio