Fungsi tag optgroup pada html

Apa Fungsi tag optgroup pada html ?. Optgroup digunakan untuk mengelompokan beberapa data yang ada pada Option, sehingga lebih ringkas.

Dengan menggunakan tag ini, opsi – opsi yang disediakan lebih terkategori.

Atribut yang umum digunakan untuk memberi nama kategori dalam tag ini adalah atribut label.

Penggunaan tag <optgroup> dikolaborasikan dengan tag <select> dan <option>.

Tag <select> untuk membuat Seleksi Data, tag <optgroup> untuk mengelompokan datanya, dan tag <option> untuk mendefinisikan data – datanya.

<!DOCTYPE HTML>
<html>
<head>
 <title>Tag Optgroup</title>
</head>
<body>
 <form>
  <select>
   <optgroup label="Jawa Timur">
    <option value="Surabaya">Surabaya</option>
    <option value="Madura">Madura</option>
    <option value="Ponorogo">Ponorogo</option>
   </optgroup>
   <optgroup label="Jawa Tengah">
    <option value="Semarang">Semarang</option>
    <option value="Pati">Pati</option>
    <option value="Demak">Demak</option>
   </optgroup>
   <optgroup label="Jawa Barat">
    <option value="Bandung">Bandung</option>
    <option value="Bogor">Bogor</option>
    <option value="Depok">Depok</option>
   </optgroup>
  </select>
 </form>
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag optgroup pada html

Leave a comment

Your email address will not be published. Required fields are marked *