zoukankan      html  css  js  c++  java
  • 引用其他网站的搜索页

    <!--引用其他网站的搜索页
    引用百度网站的搜索页步骤:
    1,编写自己的搜索页面,需要提交数据一定是在表单中,搜索框和按钮一定是在 form 表单中
    
    2,打开淘宝搜索页--打开开发者工具找到指定搜索框 -- 找到 form 表单中的 搜索框input中 name="wd",复制到我们自己的input中
    
    3,找到 form 中的 action="/s" 的值,再点击复制网址:https://www.baidu.com/?tn=06074089_58_pg。
    	把地址 ? 后面的去掉,把 action="/s"  的值放到 后面。在自己的表单中添加提交地址 ,如:action='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的值为:action='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>
    

      

  • 相关阅读:
    toj 2819 Travel
    toj 2807 Number Sort
    zoj 2818 Prairie dogs IV
    zoj 1276 Optimal Array Multiplication Sequence
    toj 2802 Tom's Game
    toj 2798 Farey Sequence
    toj 2815 Searching Problem
    toj 2806 Replace Words
    toj 2794 Bus
    css截取字符
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11420387.html
Copyright © 2011-2022 走看看