效果图：
方法如下：
首先，我们需要先制作前面的下拉选择功能，要使用select标签，里面的option的value里放分类的ID；
然后，再制作后面的搜索框和按钮，这个使用input标签；
最后将上面二段代码使用form标签进行包裹，就形成带有下拉选择的搜索框功能了。
带下拉选择的搜索框功能代码(搜索框怎么实现的)
在建站课程里我们介绍了怎么制作网站搜索功能，这一节介绍一下功能更全的搜索功能，就是在搜索框前面放下拉选择功能，这样可以实现更精准的搜索。
效果图：
方法如下：
首先，我们需要先制作前面的下拉选择功能，要使用select标签，里面的option的value里放分类的ID；
效果图：
方法如下：
首先，我们需要先制作前面的下拉选择功能，要使用select标签，里面的option的value里放分类的ID；