實(shí)例
下面是一個(gè) <input> 元素,<datalist> 中描述了其可能的值:
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
嘗試一下 ?
瀏覽器支持
IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 標(biāo)簽。
注釋:IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項(xiàng)列表。
<datalist> 標(biāo)簽被用來(lái)在為 <input> 元素提供"自動(dòng)完成"的特性。用戶能看到一個(gè)下拉列表,里邊的選項(xiàng)是預(yù)先定義好的,將作為用戶的輸入數(shù)據(jù)。
請(qǐng)使用 <input> 元素的 list 屬性來(lái)綁定 <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 的事件屬性。
更多建議: