HTMLInputElement: list 属性

Baseline 已广泛支持

此功能已成熟,并可在多种设备和浏览器版本上运行。自 2019 年 3 月以来,它已在所有浏览器中可用。

HTMLInputElement 接口中只读的 list 属性会返回由该元素的 list 属性指向的 HTMLDataListElement,如果 list 属性未定义,或者 list 属性的值未与同一树中的任何 <datalist> 关联,则返回 null

注意:这是一个只读属性。要将 <datalist> 与元素关联,请使用 setAttribute() 设置 list 属性的值。

一个 HTMLDataListElementnull

示例

给定以下 HTML

html
<label for="planet">Which planet are you from?</label>
<input id="planet" type="text" list="superhero" />
<datalist id="superhero">
  <option value="Azarath"></option>
  <option value="Krypton"></option>
  <option value="Tamaran"></option>
</datalist>

您可以检索与 <input> 关联的 <datalist> 元素

js
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement

规范

规范
HTML
# dom-input-list-dev

浏览器兼容性

另见