开发者社区> thinkyoung> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 百度搜索框智能提示功能代码   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>标签的后面!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Walker智能农业物联网云平台 v3.0.1
Walker智能农业物联网云平台,从(设备端-APP端-平台端-管理端)全业务场景包含设备采集系统、监控控制系统、溯源系统、专家系统、仓库系统,大屏系统,开源版本毫无保留给个人及企业免费使用。 初衷,发现很多开源的产品缺东西,比如缺公众号,比如缺硬件对接的协议,我们希开源一套只要懂java的开发人员就能进行部署使用。 初心:做了很多产品项目都商业落地了但是仅仅服务商业本身无法释放产品的价值,不在重复造轮子,让更多的企业和个人能够减少投入,欢迎讨论交流加群,微信18601938676
117 0
前端代码是怎样智能生成的-字段绑定篇
作为阿里经济体前端委员会四大技术方向之一,前端智能化项目经历了 2019 双十一的阶段性考验,交出了不错的答卷,天猫淘宝双十一会场新增模块 79.34% 的线上代码由前端智能化项目自动生成。在此期间研发小组经历了许多困难与思考,本次《前端代码是怎样智能生成的》系列分享,将与大家分享前端智能化项目中技术与思考的点点滴滴。
643 0
Docker+Jenkins+ 码云仓库实现 PHP 代码自动化部署
自动化部署(持续集成/CI+持续交付/CD)是一个软件开发的趋势,是对DevOps的一个很好的帮助发展推进。今天实践的是基于Docker+Jenkins+LNMP+码云代码仓库,实现PHP代码的自动化部署过程。
2666 0
18、【 商品管理模块开发】——前台商品详情、列表、搜索、动态排序功能开发
1、接口编写: 在portal包下新建ProductController类: image.png image.png 1、前台查询商品详情接口: *Controller: //前台查询商品详情接口 @RequestMapping("detail.
944 0
百度网盘搜索
用下面代码做成html文件或是这直接打开这个网址 http://www.baidu.com/baidu?word=0&tn=bds&cl=3&ct=2097152&si=pan.baidu.com&s=on 用百度dwz缩短后 http://dwz.
817 0
浅析Microsoft .net PetShop程序中的购物车和订单处理模块(Profile技术,异步MSMQ消息)<转>
对于Microsoft .net PetShop程序中的购物车和订单处理模块,文中主要分析两种技术的应用:  1. Profile技术在PetShop程序中用于三处:   1) 购物车ShoppingCart -下面的例子围绕购物车流程进行   2) 收藏WishList   3) 用户信息AccountInfo   注册新用户 NewUser.
786 0
+关注
722
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载