HTMLInputElement: thuộc tính list
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
Thuộc tính chỉ đọc list của giao diện HTMLInputElement trả về HTMLDataListElement được trỏ bởi thuộc tính list của phần tử, hoặc null nếu thuộc tính list không được định nghĩa hoặc giá trị của thuộc tính list không được liên kết với bất kỳ <datalist> nào trong cùng cây.
Note:
Đây là thuộc tính chỉ đọc. Để liên kết một <datalist> với một phần tử, hãy đặt giá trị của thuộc tính list bằng setAttribute().
Giá trị
Một HTMLDataListElement hoặc null.
Ví dụ
Cho đoạn HTML sau:
html
<label for="planet">Bạn đến từ hành tinh nào?</label>
<input id="planet" type="text" list="superhero" />
<datalist id="superhero">
<option value="Azarath"></option>
<option value="Krypton"></option>
<option value="Tamaran"></option>
</datalist>
Bạn có thể lấy phần tử <datalist> được liên kết với <input>:
js
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // trả về HTMLDatalistElement superhero
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-input-list-dev |