一个快速实现搜索智能提示的方法
2017-05-28 14:51
543 查看
对于很多网站或者系统,基本都会有搜索框,对于搜索框如何做智能提示呢,如果自己开发还是需要花费一些工作量的,既然这样,那么可不可以使用他人已经做好的轮子呢,答案是可以,我们要做的就是使用智能提示插件。这里就有一款智能提示插件,名字叫"Smart Autocomplete",网址是www.92find.com。
"Smart Autocomplete"是一款智能提示的插件,提供拼音提示、首字母提示、汉字、全文感知、智能容错、词条按热度排序等各主流搜索框的通用功能。搜索框提示功能可以有效降低用户输入成本,提升用户搜索体验,增加网站的用户粘性。您网页中的任何INPUT输入框均可使用该插件提供的智能提示功能。下面几张图的效果就是该插件可以做到的。
![](https://img-blog.csdn.net/20170526132741279?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlodWk0Mjkx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20170526132805352?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlodWk0Mjkx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20170526132819446?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlodWk0Mjkx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
Smart Autocomplete具有以下几方面的优势
快速:5分钟即可成功部署
简单:只需嵌入一行代码
便捷:无需数据库,无需AJAX,无需PHP/JSP/ASP
安全:应用无需开放接口,数据即可远程更新
通用:支持IE、Firefox、Safari、Chrome、Opera
那么 如何使用Smart Autocomplete呢?如下所示。
首先进入www.92find.com网站,然后按下面的步骤操作即可。
1、注册一个帐号,注册很简单,1分钟不到即可注册完成;
2、进入“购买”页面,选择免费套餐,点击“免费使用”即可免费获取一个“服务KEY”,
例如字符串:0F22AB65C61241359F83528F907AA762;然后上传自定义词条列表,例如Upload.txt,词条格式和文件格式可参考网站上的说明。
3、上传词条成功之后,为需要部署智能提示功能的<input>标签添加 HaoyuSug属性,该属性的值为免费获取的服务KEY,下面给出一个HTML文件实例,例如:
<input type="text" name="word"HaoyuSug="0F22AB65C61241359F83528F907AA762">
4、在上述INPUT标签所在网页中引入一行代码:
<script charset="UTF-8"src="http://www.92find.com/inteltip.js"></script>
这里需要特别强调的是:嵌入的一行JavaScript代码位置 是非常有讲究的!尽量放置在</body>标签的后面!
经过上面几个步骤,该插件即集成完成,这时你发现你的搜索框动起来了,更加有灵性,用户体验立马有很大的提高。
"Smart Autocomplete"是一款智能提示的插件,提供拼音提示、首字母提示、汉字、全文感知、智能容错、词条按热度排序等各主流搜索框的通用功能。搜索框提示功能可以有效降低用户输入成本,提升用户搜索体验,增加网站的用户粘性。您网页中的任何INPUT输入框均可使用该插件提供的智能提示功能。下面几张图的效果就是该插件可以做到的。
Smart Autocomplete具有以下几方面的优势
快速:5分钟即可成功部署
简单:只需嵌入一行代码
便捷:无需数据库,无需AJAX,无需PHP/JSP/ASP
安全:应用无需开放接口,数据即可远程更新
通用:支持IE、Firefox、Safari、Chrome、Opera
那么 如何使用Smart Autocomplete呢?如下所示。
首先进入www.92find.com网站,然后按下面的步骤操作即可。
1、注册一个帐号,注册很简单,1分钟不到即可注册完成;
2、进入“购买”页面,选择免费套餐,点击“免费使用”即可免费获取一个“服务KEY”,
例如字符串:0F22AB65C61241359F83528F907AA762;然后上传自定义词条列表,例如Upload.txt,词条格式和文件格式可参考网站上的说明。
3、上传词条成功之后,为需要部署智能提示功能的<input>标签添加 HaoyuSug属性,该属性的值为免费获取的服务KEY,下面给出一个HTML文件实例,例如:
<input type="text" name="word"HaoyuSug="0F22AB65C61241359F83528F907AA762">
4、在上述INPUT标签所在网页中引入一行代码:
<script charset="UTF-8"src="http://www.92find.com/inteltip.js"></script>
这里需要特别强调的是:嵌入的一行JavaScript代码位置 是非常有讲究的!尽量放置在</body>标签的后面!
经过上面几个步骤,该插件即集成完成,这时你发现你的搜索框动起来了,更加有灵性,用户体验立马有很大的提高。
相关文章推荐
- 分享一个智能提示搜索控件的实现
- 分享一个智能提示搜索控件的实现
- VS2005下自定义用户控件 如何实现属性及方法的相关智能提示
- jQuery实现搜索关键字自动匹配提示方法
- 小提示:Eclipse 中快速实现或Override基类或接口中的方法
- Solr Suggest实现搜索智能提示
- 【推荐】发一个带智能搜索提示的百度搜索框,很酷!!!
- AutoCompleteExtender轻易实现搜索智能提示 附带一点小讨论
- myeclipse智能提示设置的实现方法
- 排序都有哪几种方法?请列举。用JAVA实现一个快速排序。
- 仿百度搜索智能提示(纯JS实现)
- VS2005下自定义用户控件 如何实现属性及方法的相关智能提示
- 实现类似google搜索效果,文本框输入智能提示,没有用ajax控件和第三方控件,完全手写代码
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码】
- 仿百度搜索智能提示(纯JS实现) (转)
- C# 实现百度搜索框智能提示功能
- Winform实现百度搜索框智能提示功能( C# )
- jQuery实现搜索框智能提示效果
- 使用jsonp跨域调用百度js实现搜索框智能提示(转)
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】