Deskripsi
Penjelasan HTML optgroup

HTML <optgroup> element digunakan untuk mengelompokkan beberapa item (option) didalam daftar pilihan (<select> element). Kelompok (group) dapat diberi label tertentu dengan menggunakan attribute label.

Penulisan element <optgroup> harus terletak secara langsung didalam element <select>, dan element <option> terletak langsung didalam element <optgroup>.

Attributes
Atribut HTML Tag <optgroup>

disabled

Menunjukkan bahwa grup opsi (option-group) tersebut tidak difungsikan (tidak dapat diseleksi).

label

Digunakan untuk penamaan grup, melabeli setiap grup dengan nama tertentu.


Global Attributes
Atribut Secara Global (Keseluruhan)

<optgroup> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<optgroup> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <optgroup> element

Contoh 1
<select>
  <optgroup label="Ikan Air Tawar">
    <option>Lele</option>
    <option>Mas</option>
  </optgroup>
  <optgroup label="Ikan Air Asin">
    <option>Teri</option>
    <option>Tongkol</option>
  </optgroup>
</select>

Contoh 2

Contoh <optgroup> dalam sebuah form.

<form action="voting_ikan.php" method="get">
  <p>Ikan apa yang menurut Anda paling enak dimakan?</p>
  <label>Ikan Favorit:
    <select name="ikan">
      <optgroup label="Ikan Air Tawar">
        <option value="lele">Ikan Lele</option>
        <option value="mas">Ikan Mas</option>
      </optgroup>
      <optgroup label="Ikan Air Asin">
        <option value="teri">Ikan Teri</option>
        <option value="tongkol">Ikan Tongkol</option>
      </optgroup>
    </select>
  </label>
</form>

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <optgroup>
Code Editor