最新的Web開發教程
 

HTML <datalist> Tag


一個<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;
}