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

2019独角兽企业重金招聘Python工程师标准>>>

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

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

当设置baiduSug=1时，用户选中sug词条时默认执行表单提交动作；

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

2.在网页中引入Javascript文件

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

注意：

• 如果网页中有多个输入框需要添加“百度搜索框提示”功能，请为每个输入框都加上baiduSug属性。

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

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

  
  

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

在页面css文件中添加：

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

到此即完成了全部工作。具体效果，大家可以去这里实际感受下，还能使用上谷歌搜索。

转载于:https://my.oschina.net/u/1433007/blog/380525