html自带搜索的下拉框 datalist标签

背景

在下拉框选则使用时，选项较多比较难以查找

datalist标签

datalist作用

1.使得下拉框可以自带搜索（这极大的便捷了用户输入）
2.可以对值和选项进行搜索；（这也是过多的展示了多余的信息）

示例

代码

省份：<input type="text" list="text" />
			<datalist id="text">
				<option value="四川">sc</option>
				<option value="上海">sh</option>
				<option value="西藏">xz</option>
			</datalist>

注意：

select下拉框

示例

代码

<select name="paytypeid">
    <option value="-1">全部</option>
    <option value="1">学费</option>
     <option value="2">医疗</option>
     <option value="3">购买家电</option>
     <option value="4">份子钱</option>
     <o