Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie das HTML-Datalist-Tag

So verwenden Sie das HTML-Datalist-Tag

藏色散人
Freigeben: 2019-05-26 14:29:25
Original
3763 Leute haben es durchsucht

Das Tag

html datalist wird zum Definieren einer Liste von Optionen verwendet und gibt eine Liste möglicher Optionen für das Eingabeelement an. Alle gängigen Browser unterstützen das Tag . Das -Tag ist ein neues Tag in HTML5.

So verwenden Sie das HTML-Datalist-Tag

Was bedeutet das Datalist-Tag? Wie verwende ich das HTML-Datalist-Tag?

Funktion: Definiert die Optionsliste und gibt die mögliche Optionsliste für das Eingabeelement an.

Hinweis:

Bitte verwenden Sie dieses Element in Verbindung mit dem Eingabeelement, um die möglichen Werte der Eingabe zu definieren. Die Datenliste und ihre Optionen werden nicht angezeigt, es handelt sich lediglich um eine Liste gültiger Eingabewerte. Bitte verwenden Sie das Listenattribut des Eingabeelements, um die Datenliste zu binden.

Hinweis: Das -Tag wird von allen gängigen Browsern außer Internet Explorer und Safari unterstützt. Das -Tag ist neu in HTML 5.

Beispiel zur Verwendung von HTML-Datenlisten-Tags

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input list = "name">
<datalist id = "name">
    <option value = "猪哥">
    <option value = "无忌哥哥">
    <option value = "peter_朱">
    <option value = "灭绝师太">
    <option value = "西门大官人">
</datalist>
</body>
</html>
Nach dem Login kopieren

Wirkung:

So verwenden Sie das HTML-Datalist-Tag

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Datalist-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage