HTML5新增的標籤datalist實作輸入中文/拼音首字母時，自動進入資料庫模糊查詢，並傳回對應的結果，產生datalist，由於輸入框中的輸入內容變更時，datalist會自動觸發下拉框，解決方案非常好，下面透過本文給大家分享實例代碼，需要的朋友參考下吧最近項目中涉及到一個小功能，客戶在選擇供應商時，由於供應商數目較多（大概3000個左右），因此直接產生下拉框顯然不現實，所以就更換解決方案，打算借助HTML5新增的標籤datalist來實現輸入中文/拼音首字母時，自動進入資料庫模糊查詢，並返回相應的結果，生成datalist，由於在輸入框中的輸入內容發生變化時，datalist會自動觸發下拉框，所以使用起來比select更方便。前端部分代碼如下：Html Code：
1.Html5 datalist標籤詳解以及與後台資料的動態匹配
##簡介：HTML5新增的標籤datalist實作輸入中文/拼音首字母時，自動進入資料庫模糊查詢，並傳回對應的結果，產生datalist，由於在輸入框中的輸入內容發生變化時，datalist會自動觸發下拉框，解決方案非常好，下面透過本文給大家分享實例程式碼，需要的朋友參考下吧
2.Html5新標籤datalist實作輸入框與後台資料庫資料的動態比對的詳細介紹
簡介：HTML5新增的標籤datalist實作輸入中文/拼音首字母時，自動進入資料庫模糊查詢，並傳回對應的結果，產生datalist，由於在輸入框中的輸入內容變更時，datalist會自動觸發下拉框，解決方案非常好，以下透過本文來跟大家分享實例程式碼，需要的朋友參考下吧
3.最新的h5標籤datalis的使用方法介紹
簡介：HTML5新增的標籤datalist實作輸入中文/拼音首字母時，自動進入資料庫模糊查詢，並傳回對應的結果，產生datalist，由於在輸入框中的輸入內容發生變化時，datalist會自動觸發下拉框，解決方案非常好，下面透過本文給大家分享實例代碼，需要的朋友參考下吧
4.總結HTML5中新表單元素的使用方法及實例教學
簡介：HTML5表單元素HTML5新的表單元素HTML5有以下新的表單元素:
5.HTML5表單元素實例講解
##簡介：HTML5表單元素HTML5新的表單元素HTML5有以下新的表單元素:
