准备
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>