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

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

<input type="text" name="feng_kong_cuo_shi_1" list="feng_kong_cuo_shi_1" maxlength="20">
<datalist id="feng_kong_cuo_shi_1" style="display:none;">
    <option value="土地流转抵押">土地流转抵押</option>
    <option value="土地收益权质押">土地收益权质押</option>
    <option value="借款人夫妻提供连带责任保证">借款人夫妻提供连带责任保证</option>
    <option value="借款人亲属提供连带责任保证">借款人亲属提供连带责任保证</option>
    <option value="第三方公司提供连带责任保证">第三方公司提供连带责任保证</option>
    <option value="合作社提供连带责任保证">合作社提供连带责任保证</option>
    <option value="公务员提供连带责任保证">公务员提供连带责任保证</option>
    <option value="借款人投保借款人意外险">借款人投保借款人意外险</option>
    <option value="借款人投保政策性农险">