HTML <input> 标签的 list 属性

list属性指的是<datalist>元素，它包含<input>元素的预定义选项。

实例

带有 datalist 的表单：

<!DOCTYPE html>
<html>
<body>
<h1>datalist 元素</h1>
<form action="/example/html/html_form.aspx" method="get">
  <label for="browser">从列表中选择你的浏览器:</label>
  <input list="browsers" name="browser" id="browser">
  <datalist id="browsers">
    <option value="Edge">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit" value="提交">
</form>
<p><strong>备注:</strong> Safari 12.0 (或更早版本)不支持 datalist 属性。</p>
</body>
</html>

运行一下

定义和用法

list 属性引用数据列表，其中包含输入字段的预定义选项。

HTML 4.01 与 HTML 5 之间的差异

list 属性是 <input> 标签在 HTML5 中的新属性。

语法

<input list="value">

属性值

值	描述
datalist-id	文档中的 datalist 的 id。

HTML <input> 标签的 list 属性

实例

定义和用法

HTML 4.01 与 HTML 5 之间的差异

语法

属性值

分类导航