datalist

HTML <datalist>元素包含了一组<option>元素，这些元素表示其它表单控件可选值。

尝试一下

内容范畴流内容，段落内容。
允许内容要么段落内容要么 0 个或多个 <option>元素。
遗漏标签不允许，开始标签和结束标签都不能省略。
允许父级元素任何接受段落内容的元素。
Permitted ARIA rolesNone
DOM 接口HTMLDataListElement (en-US)

属性

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

示例

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

结果

规范

规范	状态	备注
HTML Living Standard <datalist>	Living Standard
HTML5 <datalist>	Recommendation

浏览器兼容性

BCD tables only load in the browser

Polyfill

以下 Polyfill 旨在支持旧的或者目前不兼容的浏览器：datalist-polyfill

参见

<input> 元素，它更特殊的 list 属性;
<option>元素。