Was ist eine HTML-Listbox?
In der HyperText Markup Language (HTML) ist ein Listenfeld eine Art interaktive grafische Benutzeroberfläche (GUI). Es wird auf einer Website als Feld auf der Seite angezeigt, das eine vertikale Reihe von Textoptionen enthält, die vom Benutzer ausgewählt werden können. Der Zweck der Verwendung eines HTML-Listenfelds besteht darin, einem Benutzer eine Reihe von Optionen zur Verfügung zu stellen, aus denen er auswählen kann, und dann auf die Auswahl zu reagieren. Es gibt viele Optionen zum Anpassen einer Listbox, insbesondere durch die Verwendung von Cascading Style Sheets (CSS). Es gibt einen visuellen und funktionalen Unterschied zwischen einem HTML-Listenfeld und einem anderen GUI-Element, das als Combobox bezeichnet wird, obwohl sie auf die gleiche Weise definiert sind.
In einem Dokument wird ein HTML-Listenfeld mithilfe des Select-Tags definiert. Dieses Tag startet die Listbox und kann zur Definition mehrerer Optionen verwendet werden. Eine der wichtigsten Eigenschaften des select-Tags ist der Name der Listbox, mit dem andere Teile des HTML-Dokuments direkt auf die Werte der Listbox zugreifen können. Eine weitere wichtige Option, die festgelegt werden kann, ist die Multiple-Eigenschaft, mit der ein Benutzer mehrere Elemente gleichzeitig anstelle von jeweils nur einem aus der Liste auswählen kann.
Zwischen dem öffnenden und schließenden Auswahl-Tag werden die tatsächlichen Elemente, die in einer HTML-Listbox enthalten sein sollen, mit dem Options-Tag definiert. Das Options-Tag enthält den eigentlichen Text, der im HTML-Listenfeld angezeigt wird. Wie das Select-Tag hat es auch einige wichtige Eigenschaften. Eine wertvolle Eigenschaft des Optionstags ist die Möglichkeit, einen Rückgabewert für eine ausgewählte Option zu definieren, der anstelle des vom Benutzer angezeigten Texts an ein Abfrageskript gesendet wird. Dies bedeutet, dass ein Benutzer das Wort "rot" sehen kann, das HTML-Listenfeld jedoch den hexadezimalen Wert "rot" anstelle des tatsächlichen Wortes zurückgeben kann.
Neben den Optionen kann ein HTML-Listenfeld ein weiteres visuelles Element enthalten, das als optgroup bezeichnet wird. Eine optgroup ist eine Überschrift, mit der die verschiedenen Optionen in einem Listenfeld visuell voneinander getrennt werden. Wenn ein Benutzer ein Listenfeld mit optgroup-Tags betrachtet, wird in dem Feld eine fett gedruckte Überschrift angezeigt, unter der die zugehörigen Optionen leicht eingerückt und nicht fett gedruckt sind.
Auch wenn ein funktionierendes HTML-Listenfeld erstellt und auf einer Website platziert werden kann, hat dies keine Auswirkungen, wenn ein Benutzer eine Option auswählt, sofern kein entsprechender Code vorhanden ist. Dies kann mit JavaScript® erfolgen, indem Sie über das Document Object Model (DOM) auf die Listbox zugreifen, oder mit anderen Skripten oder Applets. Als interaktives Element generiert eine Listbox Benutzerereignisse wie Mouseover, die im Browser erfasst werden können.