添加搜索框或网站搜索功能是为了方便用户方便快捷地找到自己需要的信息，因此，在网站上添加搜索框已经成为网页设计的主要内容之一，在网站中添加一个搜索框，将使用户界面更加友好，帮助用户轻松愉快地浏览。

脉动CSS3输入搜索框

输入搜索框用帧和类似的脉冲进行阴影。



纯CSS推荐的搜索框

这是一个简单的教程，它使用纯CSS来构建一个扩展的推荐搜索框。



扩展搜索框

扩展的搜索框是一个简单的搜索框，当你点击或输入某个东西时它会变宽。



使用CSS转换扩展搜索栏

我们将使用CSS来转换扩展的搜索栏，搜索栏原来隐藏在视图中，当点击搜索标签时，它可以成功地扩展到视图。



CSS客户端全文检索

利用指数的数据特性，动态类型，以及CSS3选择器的搜索能力，CSS的全文检索，没有Javaｓｃｒｉｐｔ的客户端，可以直接实现。



创建一个搜索框的下拉菜单的CSS3和HTML

在本教程中，我们将创建一个平面风格的导航和一个方形UI搜索下拉菜单。



如何为一个扩展的HTML5和CSS3编写一个搜索输入框

在本教程中，我们使用两种不同的方法来构建扩展的搜索字段。



花的搜索框

这是一个奇怪的搜索框，非常有趣！



搜索栏动画



criteriasearchbox

提示选择搜索，类似于商店类别中的搜索框。



对于jQuery和CSS3动画搜索形式下水平



基本jQuery搜索/过滤器



灵活的搜索框

一个灵活的搜索输入和一个内部固定宽度提交按钮来固定边界宽度。