HTML 参考手册

HTML 标签大全

HTML: <input> list 属性

list属性引用一个 <datalist> 元素，其中包含 <input>元素的预定义选项，list属性是HTML5中的新增属性。

 HTML <input> 标签

在线示例

在<datalist>中具有预定义值的<input>元素：

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> list 属性 - 菜鸟教程(cainiaoplus.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 中的新增属性。

语法

<input list="datalist_id">

属性值

值描述
datalist_id规定绑定到 <input> 元素的 datalist 的 id。
 HTML <input> 标签
HTML: <template> 标签