搜索框在网站上经常可以用到，使用关键词搜索可以快速找到我们想要的宝贝，但是放置一个很长的搜索框很难看，那么小编就给大家分享一段代码实现搜索框可以缩放的，当我们需要的时候点击搜索图标就可以了，不需要的时候在点击一下搜索图标就缩进去了，很方便一起学习吧

搜索条在我们网站是必不可少的，尤其是在有限的页面空间里，放置一个重要的搜索条是个难题，今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。 HTML 在需要放置搜索条的页面中放置如下html代码，搜索条#search_bar包含一个form#myform表单，表单中放置一个搜索输入框#search，一个搜索按钮.search_btn以及搜索按钮图标.search_ico。 复制代码代码如下: <in