实践练习_制作一个百度图片搜索界面04

 4.制作一个百度图片搜索界面▲▲▲★★☆
1) 页面中有供输入的输入框
2) 点击搜索按钮可以进行百度图片搜索
3) 百度图库搜索网址为https://image.baidu.com/search/index?tn=baiduimage&word
4) 需要传递至少两个参数进行搜索(tn和word) 
 
 1 <!-- 4.制作一个百度图片搜索界面▲▲▲★★☆
 2 1) 页面中有供输入的输入框
 3 2) 点击搜索按钮可以进行百度图片搜索
 4 3) 百度图库搜索网址为https://image.baidu.com/search/index?tn=baiduimage&word
 5 4) 需要传递至少两个参数进搜索(tn和word)行 -->
 6 <!DOCTYPE html>
 7 <html lang="en">
 8 <head>
 9     <meta charset="UTF-8">
10     <title>Document</title>
11 </head>
12 <body background="img/04.jpg">
13     <form action="https://image.baidu.com/search/index" >
14         <center>            
15         <img src="img/baidulogo.png" alt="" />
16         <br />
17         <input type="hidden" name="tn" value="baiduimage">
18         <input type="text" name="word" />
19         <input type="submit" value="搜索" />
20         </center>
21     </form>
22 </body>
23 </html>

在网站右键检查找到参数

hidden 一直没注意到,导致搜索结果是空白页,如果是做百度搜索主页的话,不用那么复杂了

下面第二个

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6     </head>
 7     <body>
 8         <!-- <form action="https://cn.bing.com/">
 9             <img src="img/1.PNG" alt="Super" height="100xp" align="center">
10             <input type="text" name="q" id="" value="" />
11             <input type="submit" name="" id="" value="鱼搜索"  />
12         </form> -->
13         <!-- <form action="https://www.baidu.com/s">
14             <img src="img/1.PNG" alt="Super" height="100xp" align="center">
15             <input type="text" name="wd" id="" value="" />
16             <input type="submit" name="" id="" value="鱼搜索"  />
17         </form> -->
18         <!-- <form action="https://www.sogou.com/web">
19             <img src="img/1.PNG" alt="Super" height="100xp" align="center">
20             <input type="text" name="query" id="" value="" />
21             <input type="submit" name="" id="" value="鱼搜索"  />
22         </form> -->
23         <form action="https://www.so.com/s">
24             <img src="img/1.PNG" alt="Super" height="100xp" align="center">
25             <input type="text" name="q" id="" value="" />
26             <input type="submit" name="" id="" value="鱼搜索"  />
27         </form>
28     </body>
29 </html>

自勉+

猜你喜欢

转载自www.cnblogs.com/woqiaodaima-xy/p/10511681.html
今日推荐