Verwendung des Datalist-Elements für vordefinierte Eingabevorschläge
Das <datalist>-Element in HTML wird verwendet, um eine vordefinierte Liste von Optionen für ein <input>-Element zu erstellen. Es ermöglicht dem Benutzer, eine Option aus der Liste auszuwählen, bietet aber gleichzeitig die Möglichkeit, einen eigenen Wert einzugeben. Die Liste der vordefinierten Werte bleibt verborgen, bis der Benutzer im zugehörigen Textfeld zu tippen beginnt. Das <datalist>-Element wird mit einem id-Attribut versehen, und das <input>-Element wird über das list-Attribut damit verknüpft.
index.html
Das <datalist>-Element ist nützlich, wenn hilfreiche Vorschläge angeboten werden sollen, ohne die Benutzer auf eine feste Auswahl zu beschränken.
Beispiel
Wenn der Benutzer im Feld tippt, zeigt der Browser die vordefinierten Kategorien an. Falls keine übereinstimmt, kann der Benutzer dennoch einen eigenen Wert eingeben.
index.html
<label for="category">: beschreibt den Zweck des Eingabefeldes;<input type="text" name="category" id="category" list="categories"/>: ein Textfeld, das Vorschläge aus einer verknüpften Datalist anzeigt;<datalist id="categories">: enthält vordefinierte Optionen, die beim Tippen als Hinweise erscheinen;<option value="...">: stellt jedes vorgeschlagene Element dar.
1. Welches HTML-Element wird verwendet, um eine Dropdown-Liste mit mehreren Optionen zu erstellen?
2. Welchen Zweck hat das datalist-Element?
3. Welches Attribut wird verwendet, um ein datalist-Element mit einem input-Element zu verknüpfen?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you show me a complete example using the `<datalist>` element?
What are some common use cases for `<datalist>` in web forms?
Are there any browser compatibility issues with `<datalist>`?
Großartig!
Completion Rate verbessert auf 2.38Verwendung des Datalist-Elements für vordefinierte Eingabevorschläge
Swipe um das Menü anzuzeigen
Das <datalist>-Element in HTML wird verwendet, um eine vordefinierte Liste von Optionen für ein <input>-Element zu erstellen. Es ermöglicht dem Benutzer, eine Option aus der Liste auszuwählen, bietet aber gleichzeitig die Möglichkeit, einen eigenen Wert einzugeben. Die Liste der vordefinierten Werte bleibt verborgen, bis der Benutzer im zugehörigen Textfeld zu tippen beginnt. Das <datalist>-Element wird mit einem id-Attribut versehen, und das <input>-Element wird über das list-Attribut damit verknüpft.
index.html
Das <datalist>-Element ist nützlich, wenn hilfreiche Vorschläge angeboten werden sollen, ohne die Benutzer auf eine feste Auswahl zu beschränken.
Beispiel
Wenn der Benutzer im Feld tippt, zeigt der Browser die vordefinierten Kategorien an. Falls keine übereinstimmt, kann der Benutzer dennoch einen eigenen Wert eingeben.
index.html
<label for="category">: beschreibt den Zweck des Eingabefeldes;<input type="text" name="category" id="category" list="categories"/>: ein Textfeld, das Vorschläge aus einer verknüpften Datalist anzeigt;<datalist id="categories">: enthält vordefinierte Optionen, die beim Tippen als Hinweise erscheinen;<option value="...">: stellt jedes vorgeschlagene Element dar.
1. Welches HTML-Element wird verwendet, um eine Dropdown-Liste mit mehreren Optionen zu erstellen?
2. Welchen Zweck hat das datalist-Element?
3. Welches Attribut wird verwendet, um ein datalist-Element mit einem input-Element zu verknüpfen?
Danke für Ihr Feedback!
