可下拉选项可模糊查询的文本输入框

可下拉选项可模糊查询的文本输入框

…………………………………………………………………………………………………
开发工具与关键技术：Visual Studio 2015 HTML5

作者：林敏静

撰写时间：2019年9月17日

…………………………………………………………………………………………………

平常我们使用的文本输入框就只能输入，下拉框就只能下拉选择，如下图：


为了方便使用，我们可以把这两者结合起来，就是说从已有的数据（下拉框）里选择数据，也可以通过输入进行模糊查询选择数据，若果没有数据就直接输入文本框。这个方法实现很简单，需要用到一个标签，下面我们一起来看一下吧！

如下图，我们要用到的就是HTML5里的标签，的id要与的list相同，就是用 元素的 list 属性来绑定 元素。

我们来看一下页面实现的效果，下拉选择与模糊查询，如下图：