項目背景:在自己的主頁中添加一個百度搜索框,在裡面輸入要搜索的內容後可以直接跳轉到相關內容搜索結果的界面。搜索框是用form表單實現的,action中為百度的url,將輸入的內容拼接到url中,以實現直接跳轉到搜索結果界面。 1.觀察在百度中搜索內容時的url,打開百度一下,輸入搜索內容,如123 ...
項目背景:在自己的主頁中添加一個百度搜索框,在裡面輸入要搜索的內容後可以直接跳轉到相關內容搜索結果的界面。搜索框是用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.測試結果