前台搜索框

最早的时候我想弄一个，自己打文字，然后提示出来相关的提示，一直没找到，后来让我发现了前台有自带的。分享给大家

<input type="text" list="ceshi">
<datalist id="ceshi">
    <option value="河北省">河北省</option>
    <option value="北京市">北京市</option>
    <option value="河南省">河南省</option>
</datalist>

 效果如下

既可以输入，也可以下拉，可以根据输入，自动匹配下拉的内容

注意事项

1.datalist的id在页面需要唯一，不然其他的list值和id相同的都会引用这第一个的提示信息