Co to jest pole listy HTML?
W HyperText Markup Language (HTML) pole listy jest rodzajem komponentu interaktywnego graficznego interfejsu użytkownika (GUI). Pojawia się w witrynie jako pole na stronie, które zawiera pionowy zestaw opcji tekstowych, które może wybrać użytkownik. Użycie pola listy HTML ma na celu przedstawienie użytkownikowi szeregu opcji, z których może wybrać, a następnie zareagowanie na wybór. Dostępnych jest wiele opcji dostosowywania pola listy, szczególnie poprzez zastosowanie kaskadowych arkuszy stylów (CSS). Istnieje wizualna i funkcjonalna różnica między listbox HTML a innym elementem GUI znanym jako combobox, mimo że są one zdefiniowane w podobny sposób.
W dokumencie pole listy HTML jest definiowane za pomocą znacznika select. Ten znacznik uruchamia pole listy i może służyć do definiowania kilku opcji. Jedną z najważniejszych właściwości tagu select jest nazwa pola listy, które daje innym częściom dokumentu HTML możliwość bezpośredniego dostępu do wartości pola listy. Inną ważną opcją, którą można ustawić, jest właściwość wielu, która może pozwolić użytkownikowi na wybranie wielu pozycji z listy jednocześnie zamiast tylko jednej na raz.
Pomiędzy otwierającymi i zamykającymi znacznikami wyboru rzeczywiste elementy, które mają być zawarte w polu listy HTML, są definiowane za pomocą znacznika opcji. Tag opcji zawiera rzeczywisty tekst, który będzie wyświetlany w polu listy HTML. Podobnie jak tag select, ma także kilka ważnych właściwości. Cenną właściwością znacznika opcji jest możliwość zdefiniowania wartości zwracanej dla wybranej opcji, która jest wysyłana do skryptu zapytania zamiast tekstu, który widzi użytkownik. Oznacza to, że użytkownik widzi słowo „czerwony”, ale pole listy HTML może zwrócić wartość szesnastkową koloru czerwonego zamiast rzeczywistego słowa.
Oprócz opcji pole listy HTML może zawierać inny element wizualny znany jako optgroup. Grupa optyczna to nagłówek służący do wizualnego oddzielenia różnych opcji w polu listy. Gdy użytkownik patrzy na pole listy zawierające tagi optgroup, zobaczy w polu pogrubiony nagłówek, pod którym powiązane opcje będą lekko wcięte, a nie pogrubione.
Mimo że można utworzyć funkcjonalny listbox HTML i umieścić go na stronie internetowej, tak naprawdę nic nie zrobi, gdy użytkownik wybierze opcję, chyba że obecny jest kod pomocniczy. Można to zrobić za pomocą JavaScript®, uzyskując dostęp do pola listy za pomocą modelu obiektowego dokumentu (DOM) lub można to zrobić za pomocą innych skryptów lub apletów. Jako element interaktywny pole listy generuje zdarzenia użytkownika, takie jak najechanie myszką, które można przechwycić w przeglądarce.