Question

html网站的搜索框

求大神给个网站搜索的代码，我要的效果是进入网站时，搜索框是不显示的，点一下搜索框的放大镜才会弹出来，我新手看不懂JS，只会点html跟CSS

Answer 1

<input type="text" class="aa" /><input type="button" value="search" />
.aa{width:100px; height:20px; boder:solid 1px #f00;}//定义搜索框的大小高度以及边框颜色。

思路是：
放大镜图标用个img写进来或者用其它标签用CSS做背景也可以；
下拉导航这种效果系统的Select下拉是最容易想到的，但是别想着用它做，，原因很简单，做不到的，，这个必须借助JS辅助来解决！

追问

哥，给个有这种效果的网站我看一下别人是怎么做的？