站長(zhǎng)資訊網(wǎng)<datalist> 標(biāo)簽是 HTML 5 中的新標(biāo)簽，此元素在表單中用于從用戶中接收數(shù)據(jù)，它可以顯示供用戶選擇的選項(xiàng)。
推薦學(xué)習(xí)：《HTML5教程》
下面我們就通過(guò)具體的代碼示例給大家介紹。
<!DOCTYPE> <html> <meta charset="utf-8"> <head> <title>Datalist元素使用示例</title> </head> <body> <input name="section" list="scripts" /> <datalist id="scripts"> <option value="PHP" /> <option value="JavaScript" /> <option value="java" /> <option value="Go" /> <option value="python" /> <option value="c++" /> </datalist> </body> </html>
效果如下圖：
它具有自動(dòng)完成功能，可幫助用戶在文本框中輸入內(nèi)容，與下拉列表框或單選按鈕不同，用戶可以編寫(xiě)任何文本而不限制由datalist給出的選項(xiàng)。Datalist通過(guò)輸入元素列表屬性綁定（或鏈接）。
注：
<datalist> 標(biāo)簽定義選項(xiàng)列表。與 input 元素配合使用該元素，來(lái)定義 input 可能的值。
datalist 及其選項(xiàng)不會(huì)被顯示出來(lái)，它僅僅是合法的輸入值列表。需使用 input 元素的 list 屬性來(lái)綁定 datalist。
本篇文章就是關(guān)于HTML5中的Datalist元素的用法介紹，簡(jiǎn)單易懂，希望對(duì)需要的朋友有所幫助！
