百度搜尋方塊代碼(有下拉提示的)

來源:互聯網
上載者:User

根據不同類型的網站需求,我們一共提供三種引入方式供您選擇:
·簡單方式——方便的將“百度搜尋方塊(帶提示功能)”直接加入到您的網頁中。
將以下代碼加入到您的網頁中,即可獲得帶有“搜尋方塊提示”功能的百度搜尋方塊。
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代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼,則需要在HTML代碼中加入<input name=ie type=hidden value=utf-8>,同時務必在script標籤中設定charset=gbk屬性,否則搜尋關鍵詞和提示詞會出現亂碼。

·添加方式——快速的為頁面中已有的“百度搜尋方塊”或其他文本輸入框添加“百度搜尋方塊提示”功能。
第一步
為需要添加“百度搜尋方塊提示”功能的<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>

提示:
如果網頁中有多個輸入框需要添加“百度搜尋方塊提示”功能,請為每個輸入框都加上baiduSug屬性。
Javascript代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼,請務必在script標籤中設定charset=gbk屬性,否則搜尋提示詞會出現亂碼。
·進階方式——提供“百度搜尋方塊提示”API,打造您的個人化搜尋方塊提示功能!

第一步
在網頁中引入Javascript檔案:
<script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

第二步
在Javascript程式中調用BaiduSuggestion.bind()方法將“百度搜尋方塊提示”功能和頁面上的元素進行綁定。
BaiduSuggestion.bind()的具體形式為:

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]);
inputObj|inputId:
為需要綁定搜尋方塊提示功能的input對象或input對象的id。
params:
綁定搜尋方塊提示功能時用到的參數,必須以Json形式給出,例如:
{
“XOffset”:0, //提示框位置橫向位移量,單位px
“YOffset”:0, //提示框位置縱向位移量,單位px
“width”:350, //提示框寬度,單位px
“fontColor”:”#03c”, //提示框文字顏色
“fontColorHI”:”#FFF”, //提示框高亮選擇時文字顏色
“fontSize”:”12px”, //文字大小
“fontFamily”:”宋體”, //文字字型
“borderColor”:”#03c”, //提示框的邊框顏色
“bgcolorHI”:”#fd0″, //提示框高亮選擇的顏色
“sugSubmit”:false //選中提示框中詞條時是否提交表單
}
confirmCallback(txt):
當使用者選擇提示中具體選項時的回呼函數,txt為使用者選擇的內容。

提示:
Javascript代碼請添加到網頁中</body>標籤的後面。
如使用utf-8編碼,請務必在script標籤中設定charset=gbk屬性,否則搜尋提示詞會出現亂碼。
Javascript檔案的應在BaiduSuggestion.bind()方法被調用之前引入。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.