Tag HTML <optgroup>

Definicja i użycie

<optgroup> Etykieta grupuje powiązane opcje w elemencie <select> (rozdzielonym wyborze).

Jeśli masz bardzo długą listę opcji, grupowanie powiązanych opcji może ułatwić użytkownikom ich obsługę.

Zobacz również:

Przeglądarka HTML DOM:Obiekt OptionGroup

Przykład

Użycie <optgroup> Etykieta grupuje powiązane opcje:

<label for="cars">Proszę wybrać markę samochodu:</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="Niemieckie samochody">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
disabled disabled Definiuje, że grupa opcji powinna być wyłączona.
label Tekst Definiuje znacznik grupy opcji.

Atrybuty globalne

<optgroup> Tagi te wspierają również Atrybuty globalne HTML.

Atrybuty wydarzeń

<optgroup> Tagi te wspierają również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Brak.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie