html制作一个搜索框，代码是什么？

1、打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起：

2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：

3、按crtl+s，在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示：

<input type="text" class="aa" /><input type="button" value="search" />

.aa{width:100pxheight:20pxboder:solid 1px #f00}//定义搜索框的大小高度以及边框颜色。

思路是：

放大镜图标用个img写进来或者用其它标签用CSS做背景也可以；

下拉导航这种效果系统的Select下拉是最容易想到的，但是别想着用它做，，原因很简单，做不到的，，这个必须借助JS辅助来解决！

---