HTML <datalist> 標(biāo)簽

2022-06-01 15:20 更新

<datalist> 標(biāo)簽需要與 <input> 標(biāo)簽配合使用,用來表示可選的列表。

實(shí)例

下面是一個 <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 Explorer Firefox Opera Google Chrome Safari

IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 標(biāo)簽。

注釋:IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標(biāo)簽。


標(biāo)簽定義及使用說明

<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項(xiàng)列表。

<datalist> 標(biāo)簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表,里邊的選項(xiàng)是預(yù)先定義好的,將作為用戶的輸入數(shù)據(jù)。

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

提示:不能控制 datalist 的位置,并且不能將其與服務(wù)器的數(shù)據(jù)進(jìn)行綁定。


HTML 4.01 與 HTML5之間的差異

<datalist> 標(biāo)簽是 HTML5 中的新標(biāo)簽。


全局屬性

<datalist> 標(biāo)簽支持 HTML 的全局屬性


事件屬性

<datalist> 標(biāo)簽支持 HTML 的事件屬性。


相關(guān)文章

HTML DOM Datalist 對象


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號