Das Hauptproblem im Zusammenhang mit dem HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Dieser Code erstellt ein HTML-Element namens Datenliste, das verwendet wird, um eine Liste mit Optionen für ein Eingabefeld zu erstellen.
2. Die Datenliste hat ein ID-Attribut von „Browsers“.
3. Innerhalb der Datenliste gibt es fünf Optionselemente, jedes mit einem Wertattribut, das den Namen eines Webbrowsers enthält (Chrome, Firefox, Internet Explorer, Opera und Safari).
4. Diese Werte werden als Vorschläge verwendet, wenn der Benutzer etwas in das dieser Datenliste zugeordnete Eingabefeld eingibt.
Was ist ein Datalist-Tag?
Der HTML
Was ist der Unterschied zwischen Datalist und Dropdown
Eine Datenliste ist ein HTML-Element, das eine Liste mit Optionen bereitstellt, aus denen ein Benutzer auswählen kann. Es ähnelt einem Dropdown-Menü, aber der Hauptunterschied besteht darin, dass Benutzer ihre eigenen Werte eingeben können. Der Benutzer kann etwas in das Eingabefeld eingeben und die Datenliste liefert Vorschläge basierend auf dem, was er eingegeben hat. Das Dropdown-Menü hingegen erlaubt Benutzern nur die Auswahl aus vordefinierten Optionen. Darüber hinaus können Benutzer mit einer Datenliste jeden gewünschten Wert eingeben, auch wenn er nicht als Option aufgeführt ist.
Wie man eine Datenliste im HTML-Formular verwendet
Der HTML
Um das Datalist-Element zu verwenden, müssen Sie zunächst ein HTML-Formular mit einem erstellen -Element und geben Sie ihm ein id-Attribut. Dann können Sie ein Datenlistenelement innerhalb des Formulars hinzufügen und sein Listenattribut gleich der ID des Eingabefelds setzen. Innerhalb der Datenliste können Sie eine oder mehrere hinzufügen
Beispielsweise: