欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-12-20 17:39:27
项目背景:在自己的主页中添加一个百度搜索框,在里面输入要搜索的内容后可以直接跳转到相关内容搜索结果的界面。搜索框是用form表单实现的,action中为百度的url,将输入的内容拼接到url中,以实现直接跳转到搜索结果界面。 1.观察在百度中搜索内容时的url,打开百度一下,输入搜索内容,如123 ......

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

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

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

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

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

   3.创建搜索框

  采用form表单的形式

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

 

 

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

 

 

 

<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.测试结果

 

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

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