Belajar Element HTML: <optgroup>

Tag <optgroup> mewakili sekelompok elemen <option> dengan label umum.

Elemen <optgroup> membantu pengguna memahami opsi saat memilih dari daftar opsi.

Syntax

Tag <optgroup> ditulis seperti <optgroup label=""></optgroup> dengan sejumlah elemen <option>.

Atribut label harus ditentukan. Atribut ini memberikan nama grup kepada pengguna. Tanpa ini, elemen <optgroup> tidak akan berarti.

Tag <optgroup> harus bersarang di dalam tag <select>.

<select>
  <optgroup label="South America">
    <option>Uruguay</option>
    <option>Brazil</option>
    <option>Argentina</option>
  </optgroup>
  <optgroup label="Europe">
    <option>Italy</option>
    <option>Germany</option>
    <option>England</option>
    <option>France</option>
    <option>Spain</option>
  </optgroup>
</select>
<select>
  <optgroup label="Winter">
    <option>December</option>
    <option>January</option>
    <option>February</option>
    <option>March</option>
  </optgroup>
  <optgroup label="Not winter" disabled>
    <option>April</option>
    <option>May</option>
    <option>June</option>
    <option>July</option>
    <option>August</option>
    <option>September</option>
    <option>October</option>
    <option>November</option>
  </optgroup>
</select>

label

Menentukan label untuk seluruh grup.

"South America"

Label tidak dapat dipilih.

disabled

Menonaktifkan semua opsi grup.

No value required.