1. 程式人生 > >Html5 <datalist> input自動完成標簽

Html5 <datalist> input自動完成標簽

put 完成 browser 實現 blog 輸入數據 exp log 標簽

用原生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自動完成標簽