例
一個<input>的元素與預定義值<datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
試一試» 定義和用法
在<datalist>標籤指定一個預先定義的選項列表中<input>元素。
在<datalist>標籤用於提供基於“自動完成”功能<input>元素。 用戶將看到的預先定義的選擇,因為它們的輸入數據的下拉列表。
使用<input>元素的列表屬性與一起綁定<datalist>元素。
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
元件 | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4 | 不支持 | 9 |
HTML 4.01和HTML5之間的差異
在<datalist>標籤是HTML5中的新。
全局屬性
在<datalist>標籤支持全局的HTML屬性 。
事件屬性
在<datalist>標籤支持的HTML事件屬性 。
相關頁面
HTML DOM參考: Datalist中對象
默認設置CSS
大多數瀏覽器將顯示<datalist>與下面的默認值元素:
datalist {
display: none;
}