最近一個項目需要用到類似淘寶，百度搜索時的自動檢索方案。自然想到了使用datalist標簽。但是遇到一個bug，經過兩天研究。小有結果給大家分享下~~
首先看bug吧！~
因為項目最開始測試就是用360的極速做的，當時就發現了這個bug。本來以為很簡單分分鍾搞定~
失敗測試一：最開始想到的就是在datalist外面加div然后限制div的高度用overflow:auto讓下拉框自動生成滾動條。
結果：datalist並不給面子，依然我行我素的超過屏幕。（ps：想用div框我，門兒都沒有~~~~~~~~~）
於是乎開始瘋狂的搜度娘，博客園，然而答案幾乎沒有，貌似大家都沒有這個問題？
失敗測試二：琢磨來琢磨去還是只能用div想辦法，想到用div把整個內容都框起來包括input text，datalist，option都框起來整個加overflow來限制。
結果：
看到這個結果都瘋了。。。。。。。。。。還是圈不住這天殺的datalist下拉框。
中途無奈准備換個腳本autocomplete來處理，autocomplete是js用ul li生成的下拉框很好的避免了這個bug。此處就不做詳解，感興趣的朋友可以搜下autocomplete。
。。。。。
不扯遠了，繼續來扯datalist。被datalist折磨了1整天，我才想着用別的瀏覽器也試試，是不是都這樣。
結果，我驚呆了。。。。。
下面上圖大家看。
360極速瀏覽器
IE瀏覽器(IE11測試)
chrome瀏覽器
火狐瀏覽器
本子配置不好就裝了這么多瀏覽器，大家如果測試了其他瀏覽器歡迎留言。
測試完發現datalist標簽依然存在很大的問題，最蛋疼的居然拿div還限制不了。chrome的使用群體也不少，w3c能考慮下chrome的感受嗎？連IE都兼容了。還是說是Google的問題？哎~~~~蛋疼。