HTML Referenzhandbuch

HTML-Tag大全

HTML: <datalist> Tag

HTML <datalist>-Element enthält eine Gruppe von <option>-Elementen, die mögliche Werte für andere Formularelemente darstellen; <datalist>-Tag ist ein HTML5Element, das eine Liste möglicher Werte für das <input>-Tag definiert. Diese Vorschlagswerte werden im Eingabekontrollfeld als Dropdown-Liste angezeigt und werden gefiltert, wenn der Benutzer Daten in das Eingabefeld eingibt. Dieses Tag wird auch oft als <datalist&

Online-Beispiel

Nachstehend ist ein <input>-Element, das mögliche Werte im <datalist> beschreibt:

Beispiel

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　datalist-Tagsverwendung (Grundlagen-Tutorial-Netz　oldtoolbag.com)</title>
</head>
<body>
　label for="tutorial_choice">Tutorials:　</label>
　　input list="tutorial_types" name="tutorial_choice" id="tutorial_choice">
　　datalist id="tutorial_types">
　　　　<option value="HTML">
　　　　<option value="CSS">
　　　　<option value="SQL">
　　</datalist>
</body>
</html>

Testen Sie es heraus ‹/›

In diesem HTML5In der Dokumentbeispiel haben wir den <datalist>-Tag verwendet, um eine Vorschlagswertliste für das <input>-Tag zu erstellen. Es wird empfohlen,3ein Wert (HTML, CSS und SQL), diese Auswahl wird als Dropdown-Liste angezeigt, die dem Benutzer zur Auswahl zur Verfügung steht.

Browser Kompatibilität

The <datalist> tag has basic support in the following browsers:

IEFirefoxOperaChromeSafari

Definition and Usage Description

The HTML <datalist> element is located within the <body> tag. The <datalist> tag is usually located within the <form> tag.

The <datalist> tag contains a set of <option> tags that provide possible values for the associated <input> tag.

The <datalist> tag specifies the possible option list for the <input> element.

The <datalist> tag is used to provide the "auto-complete" feature for the <input> element. Users can see a drop-down list with pre-defined options that will serve as the user's input data.

Please use the list attribute of the <input> element to bind the <datalist> element.

HTML 4.01 with HTML5differences

<datalist> Tag is an HTML5 new tags.

Global Attributes

Support for <datalist> Tag Global Attributes of HTML.

Event Attributes

Support for <datalist> Tag HTML Event Attributes.

HTML: <dd> Tag HTML: <command> Tag