HTML5+jQuery实现搜索智能匹配功能

前端之家收集整理的这篇文章主要介绍了HTML5+jQuery实现搜索智能匹配功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML5+jquery实现的搜索匹配效果,或者说是搜索过滤,当你在文本框输入一个字符时,如果下边的列表中有以此为开头的内容时,将自动为你显示相关内容,示例中仅列出了一些,用时候你可以自己再完善下,代码仅为您提供一种思路,我想对你是有帮助的

效果图:

代码如下:

Meta charset="UTF-8"> <Meta name="author" content="dony"> <Meta http-equiv="cache-control" content="no-cache"> <Meta http-equiv="pragma" content="no-cache"> <Meta name="renderer" content="webkit"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> dony