input既可以输入又可以下拉列表选择

最近在业务上碰到一个需求，输入框既可以输入又可以下拉选择，解决方法就是H5的新标签datalist ，下面直接上代码：

type="text" name="feng_kong_cuo_shi_1" list="feng_kong_cuo_shi_1" maxlength="20">

，这个还可以自动模糊匹配。如果想让datalist显示后端传过来的值，也可以给他的选项设置值

th:each="background:${printerBackgrounds}" th:text="${background.name}" th:value="${background.id}" 

th:selected="${background.id == printer.background_id}">

好了大功告成。这里记录下。