HTML <datalist>元素包含了一組 <option>元素，這些元素表示其它表單控件可選值； <datalist>標記是一個HTML5元素，它定義 <input>標記的建議值列表。這些建議值將在輸入控件中顯示為下拉列表，并且當用戶將數(shù)據(jù)輸入到輸入控件中時，可用的選項將被過濾。此標記通常也稱為 <datalist&
下面是一個 <input> 元素，<datalist> 中描述了其可能的值：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 datalist標簽的使用(菜鳥教程 (cainiaoplus.com))</title> </head> <body> <label for="tutorial_choice">Tutorials: </label> <input list="tutorial_types" name="tutorial_choice" id="tutorial_choice"> <datalist id="tutorial_types"> <option value="HTML"> <option value="CSS"> <option value="SQL"> </datalist> </body> </html>測試看看 ?/?
在此HTML5文檔示例中，我們使用了<datalist>標簽為<input>標簽創(chuàng)建建議值列表。建議使用3個值（HTML，CSS和SQL），這些選擇將顯示為下拉列表，供用戶選擇。
<datalist>標記具有以下瀏覽器的基本支持：
IEFirefoxOperaChromeSafari
HTML <datalist>元素位于<body>標記內(nèi)。<datalist>標記通常位于<form>標記內(nèi)。
<datalist>標簽包含一組<option>標簽，這些標簽為關(guān)聯(lián)的<input>標簽提供了可能的值。
<datalist> 標簽規(guī)定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表，里邊的選項是預(yù)先定義好的，將作為用戶的輸入數(shù)據(jù)。
請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
<datalist> 標簽是 HTML5 中的新標簽。
<datalist> 標簽支持 HTML 的全局屬性。
<datalist> 標簽支持 HTML 的事件屬性。