Köprü Metni Biçimlendirme Dili'nde (HTML), bir liste kutusu etkileşimli grafik kullanıcı arabirimi (GUI) bileşeninin bir türüdür. Bir web sitesinde, kullanıcı tarafından seçilebilen dikey bir metin seçenekleri kümesi içeren sayfadaki bir kutu olarak görünür. Bir HTML liste kutusu kullanmanın amacı, kullanıcıya seçebileceği bir dizi seçenek sunmak ve ardından seçime tepki vermektir. Bir liste kutusunu özelleştirmek için, özellikle basamaklı stil sayfaları (CSS) kullanarak birçok seçenek vardır. Bir HTML liste kutusu ile birleşik giriş kutusu olarak bilinen başka bir GUI öğesi arasında, aynı şekilde tanımlanmış olsalar da görsel ve işlevsel bir fark var.
Bir belgede, bir HTML liste kutusu select etiketi kullanılarak tanımlanır. Bu etiket liste kutusunu başlatır ve birkaç seçenek tanımlamak için kullanılabilir. Select etiketinin en önemli özelliklerinden biri, HTML belgesinin diğer bölümlerinin liste kutusunun değerlerine doğrudan erişebilmesini sağlayan liste kutusunun adıdır. Ayarlanabilen bir diğer önemli seçenek, bir kullanıcının bir kerede bir tane yerine listeden birden çok öğe seçmesine izin verebilen çoklu özelliktir.
Açılış ve kapanış seçim etiketleri arasında, bir HTML liste kutusunda bulunacak asıl öğeler seçenek etiketi kullanılarak tanımlanır. Seçenek etiketi, HTML liste kutusunda görüntülenecek olan gerçek metni içine alır. Seçme etiketi gibi, bazı önemli özelliklere de sahiptir. Seçenek etiketinin değerli bir özelliği, kullanıcının gördüğü metin yerine sorgulama komut dosyasına gönderilen seçilen seçenek için bir dönüş değeri tanımlama yeteneğidir. Bu, bir kullanıcının "kırmızı" kelimesini görebileceği anlamına gelir, ancak HTML liste kutusu gerçek kelime yerine kırmızı onaltılı değeri verebilir.
Seçeneklerin yanı sıra, bir HTML liste kutusu, optik grup olarak bilinen başka bir görsel öğe içerebilir. Bir optgroup, bir liste kutusundaki farklı seçenekleri görsel olarak ayırmak için kullanılan bir başlıktır. Bir kullanıcı, optgroup etiketlerini içeren bir liste kutusuna baktığında, kutuda, ilişkili seçeneklerin hafifçe girintili ve kalın olmayacağı kalın bir başlık görecektir.
İşlevsel bir HTML liste kutusu oluşturulmuş ve bir web sitesine yerleştirilmiş olsa da, kullanıcı bunu yapmak için destekleyici kod bulunmadığı sürece bir seçenek seçtiğinde hiçbir şey yapmaz. Bu, liste kutusuna belge nesnesi modeli (DOM) üzerinden erişilerek JavaScript® ile yapılabilir veya diğer komut dosyaları veya uygulamalarla gerçekleştirilebilir. Etkileşimli bir öğe olarak, bir liste kutusu tarayıcıda yakalanabilen fare gibi kullanıcı olaylarını oluşturur.
