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

{{InteractiveExample("HTML Demo: <datalist>", "tabbed-standard")}}

```html interactive-example 


```css interactive-example
label {
  display: block;
  margin-bottom: 10px;
}
  • _内容范畴_流内容，段落内容。
  • 允许内容要么 段落内容 要么 0 个或多个 {{HTMLElement("option")}}元素。
  • 标签省略：不允许，开始标签和结束标签都不能省略。
  • 允许父级元素任何接受段落内容的元素。
  • _Permitted ARIA roles_None
  • _DOM 接口_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("示例")}}