HTML < tipo di input="radio">
Esempio
I pulsanti di opzione consentono all'utente di selezionare solo una di un numero limitato di scelte:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definizione e utilizzo
<input type="radio">Definisce un pulsante di opzione .
I pulsanti di opzione sono normalmente presentati in gruppi di opzione (una raccolta di pulsanti di opzione che descrivono un insieme di opzioni correlate). È possibile selezionare un solo pulsante di opzione in un gruppo alla volta.
Nota: il gruppo radio deve avere lo stesso nome (il valore namedell'attributo) per essere trattato come un gruppo. Una volta creato il gruppo radio, la selezione di qualsiasi pulsante di opzione in quel gruppo deseleziona automaticamente qualsiasi altro pulsante di opzione selezionato nello stesso gruppo. Puoi avere tutti i gruppi radiofonici che desideri su una pagina, purché ogni gruppo abbia il proprio nome.
Nota: l' valueattributo definisce il valore univoco associato a ciascun pulsante di opzione. Il valore non viene mostrato all'utente, ma è il valore che viene inviato al server su "invia" per identificare quale pulsante di opzione è stato selezionato.
Suggerimento: aggiungi sempre il <label>tag per le migliori pratiche di accessibilità!
Supporto del browser
| Attribute | |||||
|---|---|---|---|---|---|
| type="radio" | Yes | Yes | Yes | Yes | Yes |
Sintassi
<input type="radio">