index.md

title	slug
<datalist>：HTML 数据列表元素	Web/HTML/Element/datalist

{{HTMLSidebar}}

HTML <datalist> 元素包含了一组 {{HTMLElement("option")}} 元素，这些元素表示其他表单控件可选值。

{{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}}

• 内容范畴流内容，段落内容。
• 允许内容要么 段落内容 要么 0 个或多个 {{HTMLElement("option")}}元素。
• 标签省略：不允许，开始标签和结束标签都不能省略。
• 允许父级元素任何接受段落内容的元素。
• _Permitted ARIA roles_None
• DOM 接口{{domxref("HTMLDataListElement")}}

属性

该元素除了公用的全局属性之外，没有其他属性。

示例

<label
  >Choose a browser from this list: <input list="browsers" name="myBrowser"
/></label>
<datalist id="browsers">
  <option value="Chrome"></option>
  <option value="Firefox"></option>
  <option value="Internet Explorer"></option>
  <option value="Opera"></option>
  <option value="Safari"></option>
</datalist>

结果

{{EmbedLiveSample("示例")}}

规范

{{Specifications}}

浏览器兼容性

{{Compat}}

参见

• {{ HTMLElement("input") }} 元素，它更特殊的 list 属性;
• {{ HTMLElement("option") }}元素。