百度向站長(zhǎng)開(kāi)放免費(fèi)“百度搜索框”代碼和“百度搜索框提示”代碼。只需進(jìn)行簡(jiǎn)單的設(shè)置， 即可將“ 百度搜索框( 帶提示功能)”功能快速加入到您的網(wǎng)頁(yè)中。提升用戶在網(wǎng)站中的搜索體驗(yàn)。

根據(jù)不同類型的網(wǎng)站需求，站長(zhǎng)工具一共提供三種引入方式供您選擇：

簡(jiǎn)單方式——方便的將“百度搜索框(帶提示功能)”直接加入到您的網(wǎng)頁(yè)中。將以下代碼加入到您的網(wǎng)頁(yè)中，即可獲得帶有“搜索框提示”功能的百度搜索框

HTML代碼：

<form action=”http://www.baidu.com/baidu” target=”_blank”>
??? <table bgcolor=”#FFFFFF”><tr><td>
??????? <input name=”tn” type=”hidden” value=”baidu”>
??????? <a href=”http://www.baidu.com/”><img src=”http://img.baidu.com/img/logo-80px.gif” alt=”Baidu” align=”bottom” border=”0″></a>
??????? <input type=”text”? name=”word” size=”30″ baiduSug=”1″>
??????? <input type=”submit”? value=”百度搜索”>
??? </td></tr></table>
</form>

Javascript代碼：

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

提示：Javascript代碼請(qǐng)?zhí)砑拥骄W(wǎng)頁(yè)中</body>標(biāo)簽的后面 如使用utf-8編碼，則需要在HTML代碼中加入<input name=”ie” type=”hidden” value=”utf-8″>， 同時(shí)務(wù)必在script標(biāo)簽中設(shè)置charset=gbk屬性，否則搜索關(guān)鍵詞和提示詞會(huì)出現(xiàn)亂碼。

查看樣例效果

添加方式——快速的為頁(yè)面中已有的“百度搜索框”或其他文本輸入框添加“百度搜索框提示”功能。

第一步

為需要添加“百度搜索框提示”功能的<input>標(biāo)簽添加baiduSug屬性。例如：

<input type=”text” name=”word” baiduSug=”1|2″>

當(dāng)設(shè)置baiduSug=1時(shí)，用戶選中sug詞條時(shí)默認(rèn)執(zhí)行表單提交動(dòng)作；

當(dāng)設(shè)置baiduSug=2時(shí)，用戶選中sug詞條時(shí)不執(zhí)行表單提交動(dòng)作。

第二步

在網(wǎng)頁(yè)中引入Javascript文件：

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

提示：如果網(wǎng)頁(yè)中有多個(gè)輸入框需要添加“百度搜索框提示”功能，請(qǐng)為每個(gè)輸入框都加上baiduSug屬性。Javascript代碼請(qǐng)?zhí)砑拥骄W(wǎng)頁(yè)中</body>標(biāo)簽的后面。如使用utf-8編碼，請(qǐng)務(wù)必在script標(biāo)簽中設(shè)置charset=gbk屬性，否則搜索提示詞會(huì)出現(xiàn)亂碼。

查看樣例效果

高級(jí)方式——提供“百度搜索框提示”API，打造您的個(gè)性化搜索框提示功能！

第一步

在網(wǎng)頁(yè)中引入Javascript文件：

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

第二步

在Javascript程序中調(diào)用BaiduSuggestion.bind()方法將“百度搜索框提示”功能和頁(yè)面上的元素 進(jìn)行綁定。

BaiduSuggestion.bind()的具體形式為：

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]); inputObj|inputId:

為需要綁定搜索框提示功能的input對(duì)象或input對(duì)象的id。

params:

綁定搜索框提示功能時(shí)用到的參數(shù)，必須以Json形式給出,例如：

{ "XOffset":0, //提示框位置橫向偏移量,單位px "YOffset":0, //提示框位置縱向偏移量,單位px "width":350, //提示框?qū)挾?#xff0c;單位px "fontColor":"#03c", //提示框文字顏色 "fontColorHI":"#FFF", //提示框高亮選擇時(shí)文字顏色 "fontSize":"12px", //文字大小 "fontFamily":"宋體", //文字字體 "borderColor":"#03c", //提示框的邊框顏色 "bgcolorHI":"#fd0", //提示框高亮選擇的顏色 "sugSubmit":false //選中提示框中詞條時(shí)是否提交表單 }

confirmCallback(txt):

當(dāng)用戶選擇提示中具體選項(xiàng)時(shí)的回調(diào)函數(shù)，txt為用戶選擇的內(nèi)容。

提示：如果網(wǎng)頁(yè)中有多個(gè)輸入框需要添加“百度搜索框提示”功能，請(qǐng)為每個(gè)輸入框都加上baiduSug屬性。Javascript代碼請(qǐng)?zhí)砑拥骄W(wǎng)頁(yè)中</body>標(biāo)簽的后面。如使用utf-8編碼，請(qǐng)務(wù)必在script標(biāo)簽中設(shè)置charset=gbk屬性，否則搜索提示詞會(huì)出現(xiàn)亂碼。

總結(jié)

以上是生活随笔為你收集整理的站长工具|百度搜索框提示功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。