使用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