HTML Referenzhandbuch

HTML-Tag-Übersicht

HTML: <input> list Attribut

Die list-Attribut referenziert ein <datalist>-Element, das vorgegebene Optionen für das <input>-Element enthält, das list-Attribut ist in HTML5中新增的属性。

　HTML <input> Tag

Online-Beispiel

Ein <input>-Element mit vorgegebenen Werten im <datalist>:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> list 属性　-　基础教程网(oldtoolbag.com)</title>
<body>
<form action="action_page.php" method="get">
　　<input list="languages" name="language">
　　<datalist id="languages">
　　　　<option value="Golang">
　　　　<option value="C#">
　　　　<option value="C++">
　　　　<option value="PHP">
　　　　<option value="Java">
　　</datalist>
　　<input　type="submit">
</form>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 list 属性。

注意：Safari 或 Internet Explorer 9 及之前的版本不支持 <input> 标签的 list 属性。

定义和用法

list 属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。

HTML 4.01 与 HTML5之间的差异

list 属性是 HTML5 中新增的属性。

Syntax

<input list="datalist_id">

Attribute Value

Value	Description
datalist_id	指定绑定到 <input> 元素的 datalist 的 id。

　HTML <input> Tag

HTML: <template> Tag