Dalam HyperText Markup Language ( HTML ), listbox adalah jenis komponen antarmuka pengguna grafis (GUI) interaktif . Itu muncul di situs web sebagai kotak di dalam halaman yang berisi serangkaian opsi teks vertikal yang dapat dipilih oleh pengguna. Tujuan menggunakan kotak daftar HTML adalah untuk menyajikan kepada pengguna sejumlah opsi yang dapat mereka pilih, dan kemudian bereaksi terhadap pilihan tersebut. Ada banyak pilihan yang tersedia untuk menyesuaikan listbox, terutama melalui penggunaan cascading style sheets ( CSS ). Ada perbedaan visual dan fungsional antara kotak daftar HTML dan unsur GUI lain yang dikenal sebagai kotak kombo, meskipun keduanya didefinisikan dengan cara yang hampir sama.
Dalam sebuah dokumen, sebuah listbox HTML didefinisikan menggunakan tag pilih.
Dalam sebuah dokumen, sebuah listbox HTML didefinisikan menggunakan tag pilih. Tag ini memulai kotak daftar dan dapat digunakan untuk menentukan beberapa opsi. Salah satu sifat paling penting dari tag pilih adalah nama kotak daftar, yang memberikan bagian lain dari dokumen HTML kemampuan untuk mengakses nilai kotak daftar secara langsung. Opsi penting lainnya yang dapat disetel adalah sifat multipel, yang memungkinkan pengguna memilih beberapa item dari daftar secara bersamaan, bukan hanya satu per satu.
Di antara tag pilih pembuka dan penutup, unsur aktual yang akan dimuat dalam kotak daftar HTML ditentukan menggunakan tag opsi. Tag opsi membungkus teks aktual yang akan ditampilkan di kotak daftar HTML. Seperti tag pilih, ia juga memiliki beberapa sifat penting. Sifat berharga dari tag opsi adalah kemampuan untuk menentukan nilai pengembalian untuk opsi terpilih yang dikirim ke skrip kueri alih-alih teks yang dilihat pengguna. Ini berarti pengguna dapat melihat kata “merah”, tetapi kotak daftar HTML dapat mengembalikan nilai heksadesimal merah alih-alih kata yang sebenarnya.
Selain opsi, listbox HTML dapat berisi unsur visual lain yang dikenal sebagai optgroup. Optgroup adalah judul yang digunakan untuk memisahkan opsi yang berbeda secara visual di dalam kotak daftar. Ketika pengguna melihat kotak daftar yang berisi tag optgroup, dia akan melihat judul tebal di kotak, di mana opsi terkait akan sedikit menjorok dan tidak tebal.
Meskipun kotak daftar HTML fungsional dapat dibuat dan ditempatkan di situs web, itu tidak akan benar-benar melakukan apa pun ketika pengguna memilih opsi kecuali ada kode pendukung untuk melakukannya. Ini dapat dilakukan dengan JavaScript® dengan mengakses kotak daftar melalui caral objek dokumen (DOM), atau dapat dilakukan dengan skrip atau applet lain. Sebagai unsur interaktif, kotak daftar menghasilkan peristiwa pengguna seperti gerakan mouse, yang dapat ditangkap di dalam browser.
