当前位置： 移动技术网 > IT编程>网页制作>CSS > form提交表单时，action携带参数（form跳转页面时在rul中拼接字符串）

form提交表单时，action携带参数（form跳转页面时在rul中拼接字符串）

2020年05月02日  | 移动技术网IT编程  | 我要评论

项目背景：在自己的主页中添加一个百度搜索框，在里面输入要搜索的内容后可以直接跳转到相关内容搜索结果的界面。搜索框是用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.测试结果

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网