在网页输入框中添加百度的autocomplete提示

1.为须要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。

例如:<input type="text" name="word" baiduSug="1|2">css

当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动做;web

当设置baiduSug=2时,用户选中sug词条时不执行表单提交动做。app


2.在网页中引入Javascript文件

<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>


注意:
编码

  • 若是网页中有多个输入框须要添加“百度搜索框提示”功能,请为每一个输入框都加上baiduSug属性。spa

  • Javascript代码请添加到网页中</body>标签的后面code

  • 如使用utf-8编码,请务必在script标签中设置charset=gbk属性,不然搜索提示词会出现乱码。ip


3.去掉【百度搜索框提示】

在页面css文件中添加:utf-8

.baidu-box, .bdSug_app, .bdsug_copy{display: none;}ci


到此即完成了所有工做。具体效果,你们能够去这里实际感觉下,还能使用上谷歌搜索。get

相关文章
相关标签/搜索