Skip to main content

Apa itu HTML ListBox?

Dalam bahasa Markup Hypertext (HTML), kotak ListBox adalah jenis komponen antarmuka pengguna grafis interaktif (GUI).Tampaknya di situs web sebagai kotak di dalam halaman yang berisi satu set opsi teks vertikal yang dapat dipilih oleh pengguna.Tujuan menggunakan HTML ListBox adalah untuk menghadirkan pengguna dengan sejumlah opsi dari mana mereka dapat memilih, dan kemudian bereaksi terhadap pilihan.Ada banyak opsi yang tersedia untuk menyesuaikan ListBox, terutama melalui penggunaan Cascading Style Sheets (CSS).Ada perbedaan visual dan fungsional antara HTML ListBox dan elemen GUI lain yang dikenal sebagai ComboBox, meskipun mereka didefinisikan dengan cara yang sama.

Dalam dokumen, kotak daftar HTML didefinisikan menggunakan tag pilih.Tag ini memulai ListBox dan dapat digunakan untuk menentukan beberapa opsi.Salah satu properti terpenting dari tag SELECT adalah nama ListBox, yang memberikan bagian lain dari dokumen HTML kemampuan untuk secara langsung mengakses nilai -nilai ListBox.Opsi penting lain yang dapat diatur adalah beberapa properti, yang dapat memungkinkan pengguna untuk memilih beberapa item dari daftar secara bersamaan, bukan hanya satu per satu.

antara tag pilih pembukaan dan penutupan, elemen aktual yang akan terkandung di dalamListbox HTML didefinisikan menggunakan tag opsi.Tag opsi menutupi teks aktual yang akan ditampilkan di HTML ListBox.Seperti tag pilih, ia juga memiliki beberapa properti penting.Properti berharga dari tag opsi adalah kemampuan untuk menentukan nilai pengembalian untuk opsi yang dipilih yang dikirim ke skrip kueri alih -alih teks yang dilihat pengguna.Ini berarti pengguna dapat melihat kata merah, tetapi html listbox dapat mengembalikan nilai heksadesimal merah alih -alih kata yang sebenarnya.

Selain opsi, kotak daftar html dapat berisi elemen visual lain yang dikenal sebagai optgroup.Optgroup adalah heading yang digunakan untuk secara visual memisahkan opsi yang berbeda di dalam kotak daftar.Ketika pengguna melihat kotak daftar yang berisi tag optgroup, ia akan melihat judul tebal di dalam kotak, di mana opsi yang terkait akan sedikit indentasi dan tidak berani.

Meskipun kotak daftar HTML fungsional dapat dibuat dan ditempatkanDi situs web, itu tidak akan melakukan apa pun ketika pengguna memilih opsi kecuali kode pendukung ada untuk melakukannya.Ini dapat dilakukan dengan JavaScript Dengan mengakses ListBox melalui Model Objek Dokumen (DOM), atau dapat dilakukan dengan skrip atau applet lain.Sebagai elemen interaktif, kotak daftar menghasilkan acara pengguna seperti mouseover, yang dapat ditangkap di dalam browser.