form提交表单时,action携带参数(form跳转页面时在url中拼接字符串)

项目背景:在自己的主页中添加一个百度搜索框,在里面输入要搜索的内容后可以直接跳转到相关内容搜索结果的界面。搜索框是用form表单实现的,action中为百度的url,将输入的内容拼接到url中,以实现直接跳转到搜索结果界面。

  1.观察在百度中搜索内容时的url,打开百度一下,输入搜索内容,如123

  2.点击搜索查看url,忽略华丽花哨的东西可以发现重要的内容如下,其中wd为搜索的关键字

https://www.baidu.com/s?wd=123

   3.创建搜索框

  采用form表单的形式

 

 

 

 

 

<form method="get" action="https://www.baidu.com/s">
    <input type="text" class="" name="wd" placeholder="搜索">
    <input type="submit" class="" value="搜索">
</form>

注:其中第一个input中的name为搜索关键词‘wd’,即url中的wd,action中的链接写为 https://www.baidu.com/s 即可。

  4.测试结果

 

 

posted @ 2020-05-01 20:42  秋夜花开  阅读(6176)  评论(0编辑  收藏  举报