帶有搜索功能的下拉框

<div class="form-group country-opt-group">
    <input class="form-control input_value  " id="dataitem" list="DATALIST"/>
           <datalist id="DATALIST" class="country-opt">
                      <!-- <option ></option> -->
           </datalist>
    </input>
</div>

其實最主要的就是在option外面添加了一個可選的數據集datalist，datalist標籤是H5新增的標籤，可能存在很多瀏覽器兼容性問題。

通過id將input和datalist數據集關聯起來，然後當input輸入數據時，進行全局匹配，不區分大小寫，匹配規則無法修改。

注意：此時的option和select裏面的option有一定的屬性含義差別，比如value屬性！！！

還有input如果輸入的內容不再datalist裏面 也可以提交 這時候需要進行表單校驗！！！