在網頁輸入框中添加百度的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

相關文章
相關標籤/搜索