<datalist> 標簽需要與 <input> 標簽配合使用,用來表示可選的列表。
嘗試一下 ?
實例
下面是一個 <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>
<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> 標簽。
注釋:IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標簽。
標簽定義及使用說明
<datalist> 標簽規(guī)定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表,里邊的選項是預先定義好的,將作為用戶的輸入數(shù)據(jù)。
請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
提示:不能控制 datalist 的位置,并且不能將其與服務器的數(shù)據(jù)進行綁定。
HTML 4.01 與 HTML5之間的差異
<datalist> 標簽是 HTML5 中的新標簽。
全局屬性
<datalist> 標簽支持 HTML 的全局屬性。
事件屬性
<datalist> 標簽支持 HTML 的事件屬性。
更多建議: