使用form表单实现百度搜索


准备

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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM