HTML 5 datalist

HTML 5 datalist

datalist元素規定輸入域的選項列表。列表是通過datalist 內的option 元素創建的。如需把datalist綁定到輸入域,請用輸入域的list 屬性引用datalist 的id。

定義和用法,實例,差異,全局屬性,事件屬性,

定義和用法

<datalist> 標籤定義選項列表。請與 input 元素配合使用該元素,來定義 input可能的值。
datalist 及其選項不會被顯示出來,它僅僅是合法的輸入值列表。
請使用 input 元素的list屬性來綁定 datalist。
提示:option元素永遠都要設定value屬性。

實例

下面是一個 input 元素,datalist 中描述了其可能的值:
<input id="myCar" list="cars" /><datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"></datalist> 瀏覽器支持
目前只有 Firefox 和 Opera 支持 <datalist> 標籤。

差異

<datalist> 標籤是HTML 5中的新標籤。

全局屬性

<datalist> 標籤支持 HTML 5 中的全局屬性。

事件屬性

<datalist> 標籤支持 HTML 5 中的事件屬性。

相關詞條

熱門詞條

聯絡我們