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>
    

      

  • 相关阅读:
    TCP通信
    TCP/IP与套接字
    SPA页面性能优化
    webpack打包css样式出错
    《转》理解Object.defineProperty的作用
    vue2.0 自定义时间过滤器
    axios post提交数据格式不对的问题
    vue-cli开发时,ajax跨域详细解决办法
    关于Vue实例的生命周期created和mounted的区别
    npm install 报错(npm ERR! errno -4048,Error: EPERM: operation not permitted,)解决方法
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11420387.html
Copyright © 2011-2022 走看看