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

  • 相关阅读:
    css实现文字相对于图片垂直居中
    node能做的性能优化
    vue.config.js中vue的配置
    react/vue项目腾讯云/阿里云服务器linux部署
    taro项目结构分析和坑
    vscode自动编译less
    css彩色字体
    微信小程序文件上传
    小程序html解析
    小程序表单
  • 原文地址:https://www.cnblogs.com/emmm/p/12814713.html
Copyright © 2020-2023  润新知