HTMLInputElement: свойство list

Базовая линия Широко доступно

Это функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство list только для чтения интерфейса HTMLInputElement возвращает HTMLDataListElement, на который указывает атрибут list элемента, или null, если атрибут list не определен или значение атрибута list не связано ни с одним <datalist> в том же дереве.

Примечание: Это свойство только для чтения. Чтобы связать <datalist> с элементом, установите значение атрибута list с помощью setAttribute().

Значение

Объект HTMLDataListElement или null.

Пример

Учитывая следующий HTML:

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

Вы можете получить элемент <datalist> ассоциированный с <input>:

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

Спецификации

Спецификация
HTML # dom-input-list-dev

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`list`	20	12	4	≤12.1	12.1	25	4	≤12.1	12.2	1.5	4.4.3

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/list