百度搜索框智能提示功能代码

简介: 百度搜索框智能提示功能代码   yulu.in,精彩生活,语录相伴!短网址程序,方便你我他,想象不到的好处! 现在很多的搜索引擎都提供了智能提示的功能,输入关键词的时候给出了很友好的提示,非常方便用户。

百度搜索框智能提示功能代码

 

现在很多的搜索引擎都提供了智能提示的功能,输入关键词的时候给出了很友好的提示,非常方便用户。

今天提供百度搜索框的智能提示代码

百度搜索框的智能提示代码

百度搜索框的智能提示提供了三种的使用方法:

  • 简单方式——提供简单的表单功能代码,使用案例如8668000网址导航的百度搜索效果;
  • 添加方式——快速的为页面中已有的“百度搜索框”或其他文本输入框添加“百度搜索框提示”功能;
  • 高级方式——提供“百度搜索框提示”API,打造您的个性化搜索框提示功能。使用案例见好资源网的首页效果。

每一种使用方法其实都是很简单的,添加方法见页面http://www.baidu.com/search/sug/sugcode.html

基本总结起来就是:添加或者修改表单,修改相关的属性;引入javascript文件<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>。

比如添加方式:

第一步
为需要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。例如:
<input type="text" name="word" baiduSug="1|2">
当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;
当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。 

第二步
在网页中引入Javascript文件:<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>

这里需要特别强调的是:其中Javascript的文件位置是非常有讲究的!必须放置在</body>标签的后面!

目录
相关文章
|
8月前
|
机器学习/深度学习 开发工具 对象存储
视觉智能平台常见问题之web端编辑器实现如何解决
视觉智能平台是利用机器学习和图像处理技术,提供图像识别、视频分析等智能视觉服务的平台;本合集针对该平台在使用中遇到的常见问题进行了收集和解答,以帮助开发者和企业用户在整合和部署视觉智能解决方案时,能够更快地定位问题并找到有效的解决策略。
|
7月前
|
数据采集 JavaScript 前端开发
详尽分享网站网页中加入各种分享按钮功能百度分享
详尽分享网站网页中加入各种分享按钮功能百度分享
138 0
|
存储
【 uniapp - 黑马优购 | 搜索框 】如何实现自定义搜索组件、搜索建议、搜索历史
【 uniapp - 黑马优购 | 搜索框 】如何实现自定义搜索组件、搜索建议、搜索历史
641 0
|
前端开发
构建一个跳转到百度的搜索页面
构建一个跳转到百度的搜索页面
1225 0
|
小程序 前端开发
云开发版的微信商城小程序第四章,首页自定义搜索框的实现
云开发版的微信商城小程序第四章,首页自定义搜索框的实现
197 0
|
开发工具 git
移动端项目搜索智能提示总结
移动端项目搜索智能提示总结
移动端项目搜索智能提示总结
|
移动开发 小程序 前端开发
【uniapp小程序】—— 配置首页搜索框
【uniapp小程序】—— 配置首页搜索框
312 0
【uniapp小程序】—— 配置首页搜索框
|
搜索推荐 UED 索引
下拉SEO:有搜索的地方就有下拉框,有搜索就可以优化下拉
下拉SEO:有搜索的地方就有下拉框,有搜索就可以优化下拉
232 0