呈現效果如下：
實現代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>在頁面中嵌入百度搜索框</title>
<style>
form {
width: 500px;
height: 50px;
padding: 10px 20px 20px;
text-align: center;
line-height: 50px;
border: 1px solid #777777;
}
</style>
</head>
<body>
<form action="http://www.baidu.com/s" method="GET" target="_blank">
<img src="http://www.baidu.com/img/baidu_jgylogo3.gif" alt="百度Logo" />
<input type="text" name="wd" size="38" />
<input type="submit" value="百度一下" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="tn" value="ace" />
</form>
</body>
</html>
實現原理其實也很簡單，相當於通過form表單向百度服務器發送了一個GET請求。參數解釋如下：
wd即 Word，查詢關鍵詞。必須參數。ie即 Input Encoding，查詢關鍵詞的編碼。有缺省值，非必須參數。tn表示提交搜索請求的來源站點。有缺省值，非必須參數。
本文鏈接：http://www.cnblogs.com/hanzongze/p/js-baidu-search.html
版權聲明：本文為博客園博主 韓宗澤 原創，作者保留署名權！歡迎通過轉載、演繹或其它傳播方式來使用本文，但必須在明顯位置給出作者署名和本文鏈接！個人博客，能力有限，若有不當之處，敬請批評指正，謝謝！