Langsung ke konten utama

HTML Tag Optgroup

Tag optgroup pada HTML digunakan untuk menciptakan kelompok dari kategori opsional yang sama dalam drop down list. Tag ini dibutuhkan ketikan terdapat daftar panjang dari sekumpulan item yang tersedia.

Sintak:
<optgroup>
<option>..</option>
.
.
</optgroup>


Atribut:
  • satu, label: digunakan untuk menentukan label dari optgroup.
  • dua, disabled: digunakan untuk mendisabled daftar option-group.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

HTML Tag Optgroup

</h2>

 

<select>

 

<optgroup 

label="Programming Languages">

 

<option value="C">

C

</option>

 

<option value="C++">

C++

</option>

 

<option value="Java">

Java

</option>

 

</optgroup>

 

<optgroup 

label="Scripting Language">

 

<option value="JavaScript">

JavaScript

</option>

 

<option value="PHP">

PHP

</option>

 

<option value="Shell">

Shell

</option>

 

</optgroup>

 

</select>

 

</body>

 

</html>

Output:

Blog Elfan

HTML Tag Optgroup



Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

HTML Tag Optgroup

</h2>

 

<select>

 

<optgroup 

label="Programming Languages">

 

<option value="C">

C

</option>

 

<option value="C++">

C++

</option>

 

<option value="Java">

Java

</option>

 

</optgroup>

 

<optgroup 

label="Scripting Language"

disabled>

 

<option value="JavaScript">

JavaScript

</option>

 

<option value="PHP">

PHP

</option>

 

<option value="Shell">

Shell

</option>

 

</optgroup>

 

</select>

 

</body>

 

</html> 

Output:

Blog Elfan

HTML Tag Optgroup

Komentar

  1. Apa yang dimaksud dengan optgroup pada html?

    BalasHapus
    Balasan
    1. Tag optgroup pada html digunakan untuk mengelompokkan opsi terkait dalam elemen select. Jika user memiliki daftar opsi yang panjang, maka dengan menggunakan optgroup maka penanganannya akan menjadi lebih mudah.

      Hapus
  2. Apakah optgroup dapat dibuat selectable?

    BalasHapus
    Balasan
    1. Elemen optgroup pada html tidak dapat dibuat menjadi selectable. Ini merupakan batasan spesifikasi HTML dan bukan batasan yang dapat diatasi oleh elemen tersebut. Jika user ingin membuat hirarki sebenarnya dari opsi yang dapat di-select, maka dapat menggunakan tag < option > atau juga bisa menggunakan kode style CSS.

      Hapus
  3. Bagaimana cara menyembunyikan pilihan seleksi pada html?

    BalasHapus
    Balasan
    1. Dapat dilakukan dengan menggunakan style atau modifikasi kode CSS pada html.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D