学习遇bug（2）——input下拉搜索框的实现

input下拉搜索框的实现

做法如图：

在这之前，先要感谢这位大佬：input搜索框实时检索功能实现（超简单，核心原理请看思路即可）

因为js不熟悉，学习了这功能后，我懂得了怎么用js和dom属性实现很多东西。

说一下，大佬的做法大概是确定一个input框的位置以后，在input下方建立一个列表。
这个列表是可以自定义样式的（等等你就知道为什么这么说了）。接着js监听器和jqery的方法，加上模糊比对，dom操作添加子元素。

但是，如果我们输入框下有别的块需要展示呢？
我尝试了俩种方法：

1.用z-index=1

z-index要在position:absolute/relative/fixed下才可用。
于是，如果用这些定位，那么你的浏览器大小变化，他还是在那个位置。
如果你的搜索在最左上，那随意。
这个用在大佬的代码里很合适。
给ul整个用div包裹起来，在设置div.css：

position:absolute/relative/fixed;
z-index:1;

2.用datalist标签

H5新标签，别忘了下拉选项的select