百度搜索框智能提示功能代码
百度搜索框智能提示功能代码
现在很多的搜索引擎都提供了智能提示的功能,输入关键词的时候给出了很友好的提示,非常方便用户。
今天提供百度搜索框的智能提示代码。
百度搜索框的智能提示提供了三种的使用方法:
- 简单方式——提供简单的表单功能代码,使用案例如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>标签的后面!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架