Html5 <datalist> input自動完成標籤

標籤：class   list   explorer   輸入框   inpu   自動   選項   html   輸入   

用原生HTML5控制項實現輸入框自動提示（下拉式清單）

<datalist> 標籤規定了 <input> 元素可能的選項列表。

<datalist> 標籤被用來在為 <input> 元素提供"自動完成"的特性。

使用者能看到一個下拉式清單，裡邊的選項是預先定義好的，將作為使用者的輸入資料。

請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。

例子：

<input list="browsers"> <datalist id="browsers">  <option value="Internet Explorer">  <option value="Firefox">  <option value="Chrome">  <option value="Opera">  <option value="Safari"></datalist>

 

Html5 <datalist> input自動完成標籤