引用其他网站的搜索页

<!--引用其他网站的搜索页
引用百度网站的搜索页步骤:
1,编写自己的搜索页面,需要提交数据一定是在表单中,搜索框和按钮一定是在 form 表单中

2,打开淘宝搜索页--打开开发者工具找到指定搜索框 -- 找到 form 表单中的 搜索框input中 name="wd",复制到我们自己的input中

3,找到 form 中的 action="/s" 的值,再点击复制网址:https://www.baidu.com/?tn=06074089_58_pg。
	把地址 ? 后面的去掉,把 action="/s"  的值放到 后面。如:https://www.baidu.com/s 即可

4,在我们自己的页面搜索框输入要搜索的信息,点击submit按钮即可在百度页面进行搜索。

--------------

引用淘宝网站的搜索页步骤:
1,编写自己的搜索页面,需要提交数据一定是在表单中,搜索框和按钮一定是在 form 表单中

2,打开百度搜索页--打开开发者工具找到指定搜索框 -- 找到 form 表单中的 搜索框input中 name="keyword",复制到我们自己的input中

3,找到 form 中的 action="/sem/tbsearch" 的值,再点击复制网址:https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=女装&clk1=30474e7a9f535dd59e9b2aa840646a45&upsid=30474e7a9f535dd59e9b2aa840646a45 ,取地址 ? 号之前的地址,与 action="/sem/tbsearch" 做对比。跟地址后面的一模一样,所以不用修改,
所以,在自己的表单中active的值为:https://uland.taobao.com/sem/tbsearch

4,在我们自己的页面搜索框输入要搜索的信息,点击submit按钮即可在百度页面进行搜索。

--------------

京东搜索页使用的是 javascript 进行控制的,所以不知道怎么引用

-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="bd">
		<form action="https://www.baidu.com/s" method="get" accept-charset="utf-8">
			<input name="wd" type="text" class="search-bd" placeholder="百度搜索页"
			><input type="submit" name="search-bd-btn">
		</form>
	</div>
	<div class="tb">
		<form action="https://uland.taobao.com/sem/tbsearch" method="get" accept-charset="utf-8">
			<input name="keyword" type="text" class="search-tb" placeholder="淘宝搜索页"
			><input type="submit" name="search-tb-btn">
		</form>
	</div>
	<div class="jd">
		<form action="https://pro.jd.com/mall/active/3xd3BwnfvAtqQhwmqziVqLSUTjfe/index.html" method="get" accept-charset="utf-8">
			<input name="key" id="key" onkeydown="javascript:if(event.keyCode==13) search('key');" type="text" class="search-jd" placeholder="京东搜索页使用的是js进行控制"
			><input onclick="search('key');return false;" type="submit" name="search-jd-btn">
		</form>
	</div>

</body>
</html>

  

猜你喜欢

转载自www.cnblogs.com/Knowledge-is-infinite/p/11420387.html
今日推荐