HTML - Tag <optgroup>

Descrizione

Il tag HTML <optgroup> viene utilizzato per raggruppare le opzioni correlate all'interno dell'elenco di selezione. Ciò rende più facile per gli utenti comprendere le loro scelte quando guardano un elenco di grandi dimensioni.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>HTML optgroup Tag</title>
   </head>

   <body>
      <select>
         <optgroup label = "India">
            <option value = "mumbai">Mumbai</option>
            <option value = "delhi">Delhi</option>
         </optgroup>
         
         <optgroup label = "USA">
            <option value = "florida">Florida</option>
            <option value = "newyork">New York</option>
         </optgroup>
      </select>
   </body>
   
</html>

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in - Riferimento agli attributi HTML

Attributi specifici

Il tag HTML <optgroup> supporta anche i seguenti attributi aggiuntivi:

Attributo Valore Descrizione
Disabilitato Disabilitato Disabilita il controllo di input. Il pulsante non accetta modifiche da parte dell'utente. Inoltre, non può ricevere lo stato attivo e verrà ignorato durante la tabulazione.
etichetta testo Definisce un'etichetta da utilizzare quando si utilizza <optgroup>.

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in - Riferimento agli eventi HTML

Supporto browser

Cromo Firefox IE musica lirica Safari Android