Skip to main content

Co to jest lista HTML?

W języku znaczników hipertext (HTML) lista jest typem interaktywnego graficznego interfejsu użytkownika (GUI).Pojawia się na stronie internetowej jako pole na stronie zawierającej pionowy zestaw opcji tekstowych, które mogą być wybrane przez użytkownika.Celem korzystania z listy HTML jest przedstawienie użytkownikowi wielu opcji, z których mogą wybrać, a następnie reakcję na wybór.Dostępnych jest wiele opcji dostosowywania ListBox, szczególnie poprzez użycie arkuszy stylów kaskadowych (CSS).Istnieje wizualna i funkcjonalna różnica między ListBox HTML a innym elementem GUI znanym jako Combobox, mimo że są one zdefiniowane w ten sam sposób.

W dokumencie, lista HTML jest zdefiniowana za pomocą znacznika Select.Ten znacznik uruchamia się w ListBox i może być używany do zdefiniowania kilku opcji.Jedną z najważniejszych właściwości znacznika Select jest nazwa ListBox, która daje inne części dokumentu HTML możliwość bezpośredniego dostępu do wartości ListBox.Kolejną ważną opcją, którą można ustawić, jest wiele właściwości, która może pozwolić użytkownikowi wybrać wiele elementów z listy jednocześnie zamiast tylko jednego na raz.ListBox HTML jest zdefiniowany za pomocą znacznika opcji.Znacznik opcji zawiera rzeczywisty tekst, który zostanie wyświetlony w ListBox HTML.Podobnie jak metka wybrana, ma również kilka ważnych właściwości.Cenną właściwością znacznika opcji jest możliwość zdefiniowania wartości zwrotnej dla wybranej opcji, która jest wysyłana do skryptu zapytania zamiast tekstu, który widzi użytkownik.Oznacza to, że użytkownik może zobaczyć słowo czerwone, ale ListBox HTML może zwrócić heksadecimalną wartość czerwieni zamiast faktycznego słowa.

Oprócz opcji, lista HTML może zawierać inny element wizualny znany jako optgroup.Optgroup to nagłówek, który służy do wizualnego oddzielania różnych opcji wewnątrz pudełka listy.Kiedy użytkownik patrzy na listy zawierające tagi optgroup, zobaczy odważny nagłówek w polu, pod którym powiązane opcje będą lekko wcięte i nie odważne.Na stronie internetowej nie zrobi nic, gdy użytkownik wybierze opcję, chyba że kod pomocniczy będzie obecny.Można to zrobić za pomocą JavaScript Uzyskując dostęp do ListBox za pośrednictwem modelu obiektu Document (DOM) lub można go wykonać z innymi skryptami lub apletami.Jako element interaktywny, ListBox generuje zdarzenia użytkownika, takie jak MOUSEOVER, które można uchwycić w przeglądarce.