在其它網(wǎng)站制作教程或資料中datalist標(biāo)簽稱為下拉列表，我認(rèn)為這種叫法不夠準(zhǔn)確，而且不能一下子理解此標(biāo)簽。比如前段時(shí)間：“一個(gè)朋友問我datalist是不是一種能自定義樣式的select？”，后來(lái)才知道，有些書籍或教程中稱為下拉列表而導(dǎo)致初學(xué)者理解錯(cuò)。那么此標(biāo)簽怎么稱呼它才合適呢？咱們看完下面的案例后，我再說(shuō)明：

datalist標(biāo)簽：
datalist介紹：
datalist一般不會(huì)獨(dú)行江湖，它需要與input標(biāo)簽的搭配使用，就像label標(biāo)簽與input標(biāo)簽搭配使用一樣。既然與input標(biāo)簽搭配使用，那么這兩個(gè)標(biāo)簽之間必定存在著“特殊的關(guān)系”，不然input與datalist就互不相認(rèn)了，那么如何才能讓他們建立起來(lái)這種關(guān)系呢？這個(gè)時(shí)候我們需要一個(gè)新的屬性list（注意，不是for），list與for的用法一樣，list的值設(shè)置為表單元素的 id，這樣他們便會(huì)自動(dòng)關(guān)聯(lián)了。

Chrome對(duì)此標(biāo)簽支持不好，F(xiàn)irefox和Opera可很好的支持

datalist作用：
我們經(jīng)常在網(wǎng)上的搜索框中看到當(dāng)輸入一個(gè)字符，輸入框下方會(huì)自動(dòng)列出你輸入的關(guān)鍵詞，比如Google或百度的搜索，如下圖：

此效果非HTML5的datalist技術(shù)實(shí)現(xiàn)
datalist案例：
  <input list="Webjx.com-search" />  <datalist id="Webjx.com-search">  <option value="Webjx.com">  <option value="W3C標(biāo)準(zhǔn)">  <option value="W3C規(guī)則">  <option value="W3C驗(yàn)證">  <option value="前端開發(fā)">  <option value="前端開發(fā)網(wǎng)">  <option value="2天駕馭DIV+CSS">  <option value="Webjx.Com">  </datalist> 


datalist說(shuō)明：
個(gè)人認(rèn)為稱呼datalist為自動(dòng)補(bǔ)全列表更加合適，因?yàn)樗⒉皇窍吕斜怼?br/>