我正在做一個搜索專案。我是 html、css 等的新手，對如何實作這一點一無所知。這是我最簡單的想法：
- 用戶訪問網站。
- 用戶找到我創建的搜索框（表單）。
- 用戶在搜索框中輸入內容。
- 當用戶單擊搜索按鈕或按下回車鍵時，網站會將用戶鍵入的內容附加到搜索框中，并將其放置在此鏈接中，然后繼續跟蹤該鏈接：
https://www.example.com/results.aspx?q= （用戶在此處搜索）
我曾嘗試研究該主題，但沒有發現任何有用的東西。一切都非常不清楚。如果有人能找到教程，或者告訴我我可能做錯了什么，那將不勝感激。??
提前感謝您提供的任何幫助！
uj5u.com熱心網友回復：
這是應用form了action屬性的 a 的默認行為：
<form action="results.aspx">
<input type="text" name="q">
<button>Search</button>
</form>在輸入中寫入“Hello”并按搜索按鈕或按 Enter，會生成如下 URL：
https://www.example.com/results.aspx?q=Hello
為輸入提供另一個名稱，例如name="search"，會產生如下 URL：
https://www.example.com/results.aspx?search=Hello
uj5u.com熱心網友回復：
您所需要的只是一個input元素和提交button以及submit event listener在提交表單時呼叫（單擊搜索按鈕或單擊回車時），然后submit event listener您可以獲取valueofinput并將其添加為查詢引數。
例如。
const search = document.getElementById("search");
const handleSubmit = (e) => {
e.preventDefault();
window.location.href = `https://www.example.com/results.aspx?q=${encodeURIComponent(
search.value
)}`;
};<form onsubmit="handleSubmit(event)">
<input id="search" type="text">
<button>Search</button>
</form>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/511411.html
上一篇：nginx代理后面的Dockercompose容器無法訪問互聯網
下一篇：自定義C#屬性