不用JS给input加下拉框，input选项列表

一、datalist是新出来的标签，可以跟input结合使用。

datalist的支持度一般：

支持：Chrome、Firefox、Opera、IE
不支持：Safari

二、datalist使用方法

写法如下：

<div class="main">
    <input id=cgl_xl" list="cgl_xllis" />
    <datalist id="cgl_xllis">
        <option value="CGLweb前端">
        <option value="青格勒博客">
        <option value="前端青格勒">
        <option value="cenggel.com">
    </datalist>
</div>

截图如下：

每个浏览器显示的有点不一样。

想看demo的点击这里

三、datalist支持选项内的检索：

这个功能点个赞，可以给90分，剩下的十分怕你骄傲。

四、datalist移动端表现：

本来想着移动端上的表现会好点，但是datalist实在是让人失望，连select的表现都能把他甩好几个街区。

datalist的移动端截图：

是不是感觉跟PC端没啥不一样？

再看看select的移动端截图：

高端上档次啊，有没有。

希望给个浏览器尽快完美支持datalist吧，考虑datalist的各种兼容表现，目前不建议在项目上使用。