HTML <datalist> 標籤
示例
帶有預定義選項的資料列表（連線到 <input> 元素）
<label for="browser">從列表中選擇您的瀏覽器：</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
自己動手試一試 »
定義和用法
<datalist> 標籤為 <input> 元素指定預定義選項列表。
<datalist> 標籤用於為 <input> 元素提供“自動完成”功能。使用者在輸入資料時會看到一個預定義選項的下拉列表。
<datalist> 元素的 id 屬性必須等於 <input> 元素的 list 屬性（這會將它們繫結在一起）。
瀏覽器支援
表格中的數字表示完全支援該元素的首個瀏覽器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
全域性屬性
<datalist> 標籤也支援 HTML 中的全域性屬性。
事件屬性
<datalist> 標籤也支援 HTML 中的事件屬性。
相關頁面
HTML DOM 參考： Datalist 物件
預設 CSS 設定
大多數瀏覽器將顯示 <datalist> 元素，並帶有以下預設值
datalist {
display: none;
}
