准備
Api說明
百度搜索命令中的參數
必備參數:
wd——查詢的關鍵詞(Keyword)
pn——顯示結果的頁數(Page Number)
cl——搜索類型(Class),cl=3為網頁搜索
可選參數:
rn——搜索結果顯示條數(Record Number),取值范圍在10--100條之間,缺省設置rn=10
ie——查詢輸入文字的編碼(Input Encoding),缺省設置ie=gb2312,即為簡體中文
tn——提交搜索請求的來源站點
思路
- 使用form表單的action屬性接受地址,method方法設置請求方法,此處使用get請求;
- 使用input的name屬性設置請求參數。例:設置cl請求參數,value屬性設置cl參數值。
<input type="hidden" name="cl" id="" value="3" />
- 設置submit來提交表單數據
代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!-- 使用form表單實現百度搜索 -->
<body>
<div id="app">
<form action="https://www.baidu.com/s" method="get"><!--metoad:設置地址;method設置方法get/post-->
<input type="hidden" name="cl" id="" value="3" /><!--設置拼接參數cl,name屬性寫api的參數名,value寫參數值-->
<input type="hidden" name="pn" id="" value="3" /><!--設置拼接參數pn-->
<input type="text" name="wd" id="" value="" placeholder="請輸入關鍵字" />
<input type="submit" id="" name="" />
</form>
</div>
</body>
</html>