搜索框

一个可伸缩的搜索栏通常涉及到HTML、CSS和JavaScript的结合使用。在这个示例中，当用户点击搜索按钮时，搜索栏的宽度会展开，很有创意的效果。

超酷CSS3搜索图标转输入框动画特效。该特效中，用户点击搜索图标，搜索图标就会以炫酷的动画方式变形为输入框，并带有聚焦动画效果。当输入框失去焦点之后，就会变回搜索按钮。

css实现的立体样式搜索框

一款创意css3搜索框样式，在输入框input里输入文本出现搜索按钮

css立体样式搜索框样式，3d阴影样式的搜索框

一款创意css3搜索样式，点击圆形按钮变成input搜索框动画特效。

Vue智能搜索框页面，使用vue组件对三大搜索引擎进行封装方便复用。搜索自动下拉匹配，可以切换不同的搜索引擎进行搜索。

少量的js代码结合css代码实现的搜索特效，点击搜索图标变成搜索框js特效代码，效果很炫酷。

纯css3实现的按钮和表单交互动画特效，css3点击圆角按钮变成输入框带按钮，可以当做搜索功能用。

使用jQuery实现的搜索动画效果，点击搜索按钮出现搜索框。

使用jQuery实现的点击带图标的搜索按钮，然后变成搜索框，并且展开的时候带动画过渡效果。

使用jQuery实现的input输入自动变宽的插件，这个是搜索框，自适用输入文本的宽度。

效果很酷的搜索框展开效果，使用纯css3代码实现的动画效果，默认的搜索按钮，点击出现输入框。

炫酷的HTML5搜索界面设计效果。这组搜索界面设计效果共11种不同的特效，分别使用不同CSS3动画来展示搜索界面。 这组搜索界面设计效果使用了许多新的CSS3新特性来制作，并不是所有的浏览器都支持这些...

Bootstrap框架漂亮的实用带下拉列表框的导航菜单插件，该导航插件功能类似于Github上的下拉列表框。它使用原生的Bootstrap dropdown改造而成，非常的实用和美观。