HTML5有無限可能馒稍，總是在釋出一些新鮮實用的功能，讓原生的web環(huán)境更加炫酷。
今天看到datalist這個元素嬉橙，可以用來預(yù)先定義一個輸入框的潛在選項，也就是我們在平時項目中經(jīng)常用jQuery插件或者自己寫JS來實現(xiàn)的autocomplete「自動補全寥假，但似乎自動提示更貼切一些」功能市框。
廢話不多說直接上代碼：
Paste_Image.png
大家可以根據(jù)我的代碼去瀏覽器里去運行一下！
但相信大家在看了效果后跟我一樣糕韧，發(fā)現(xiàn)了一個不足之處枫振，在input右邊會有向下的箭頭，這讓它看起來就像一個dropdown或者select「下拉框」萤彩，解決辦法是多加兩句CSS代碼來將它隱藏粪滤，但此方法只是針對webkit內(nèi)核的瀏覽器進行的優(yōu)化：
input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none;}
當(dāng)然細心的童鞋可能發(fā)現(xiàn)了加的瀏覽器前綴是webkit所以說現(xiàn)在這個css屬性只有webkit瀏覽器支持的比較好，其他的瀏覽器大家可以去看一下有沒有更好的方法去解決乒疏。如果不能解決的話只能說去降低用戶體驗了额衙。
