DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Membuat Menu Dropdown HTML Menggunakan 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.


2 Contoh Program Penggunaan Tag Optgroup pada HTML
Ilustrasi Tag Optgroup HTML

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


Atribut:
  • label: digunakan untuk menentukan label dari optgroup.
  • 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

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas