Latest web development tutorials

HTML <datalist> 標籤

實例

下面是一個<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 >

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 10、Firefox、Opera 和Chrome 支持<datalist> 標籤。

註釋: IE 9和更早版本的IE瀏覽器以及Safari不支持<datalist>標籤。


標籤定義及使用說明

<datalist> 標籤規定了<input> 元素可能的選項列表。

<datalist> 標籤被用來在為<input> 元素提供"自動完成"的特性。 用戶能看到一個下拉列表,裡邊的選項是預先定義好的,將作為用戶的輸入數據。

請使用<input> 元素的list 屬性來綁定<datalist> 元素。


HTML 4.01 與HTML5之間的差異

<datalist> 標籤是HTML5 中的新標籤。


全局屬性

<datalist>標籤支持HTML的全局屬性


事件屬性

<datalist>標籤支持HTML的事件屬性