專案背景:在自己的主頁中添加一個百度搜索框,在里面輸入要搜索的內容后可以直接跳轉到相關內容搜索結果的界面,搜索框是用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="https://www.cnblogs.com/emmm/p/搜索"> </form>
注:其中第一個input中的name為搜索關鍵詞‘wd’,即url中的wd,action中的鏈接寫為 https://www.baidu.com/s 即可,
4.測驗結果


轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/41343.html
標籤:Html/Css
上一篇:點擊按鈕下滑顯示組件
下一篇:谷歌瀏覽器安裝和開發者工具
