CSS3、HTML5和jQuery搜索框集合

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

脉动式CSS3输入搜索框

进入带有边框和脉冲状阴影跳跃的搜索框。

纯CSS的建议搜索框

这是一个使用纯CSS构建扩展建议搜索框的简单教程。

扩展的CSS搜索框

扩展搜索框是一个简单的搜索框，当您单击或输入内容时，它会变宽。

使用CSS转换展开搜索字段

我们将使用CSS转换扩展的搜索栏。搜索栏最初隐藏在视图中，当单击搜索选项卡时，它可以平滑地扩展到视图。

CSS客户端中的全文检索

利用CSS3选择器的索引数据属性、动态样式和搜索功能，可以代替JavaScript客户端直接在CSS全文检索中实现。

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

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

如何编写扩展HTML5/CSS3的搜索输入字段

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

花式搜索框

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

搜索栏动画

标准搜索框

选择搜索的提示，如商店类别的搜索框。

jQuery和CSS3的“下一级”动画搜索形式

基本jQuery搜索/过滤

灵活的搜索框

灵活的搜索输入和具有固定内部宽度的提交按钮固定了边界的宽度。