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.測試結果

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM