HTML 表單文本輸入建議框

Question

我正在嘗試以我擁有的形式修改我的文本輸入框之一。 我希望在用戶鍵入時彈出建議。 基本上，我想模擬 Stack Overflow 上提問頁面上的“標簽”框，但顯然使用不同的數據作為建議。 我該怎么做呢？

就上下文而言，這是針對大學俱樂部的，我試圖讓成員輸入他們的專業，並在他們輸入時提出建議。

Answer 1

來自 Cena Mayo 的這個片段正是我想要的：

 <input id="color" list="suggestions"> <datalist id="suggestions"> <option value="Black"> <option value="Red"> <option value="Green"> <option value="Blue"> <option value="White"> </datalist>

文檔

Answer 2

jQuery 有一個您可以使用的自動完成插件。

這取決於什么樣的語言/平台/等。 你也在使用。 我主要是 .NET 開發人員，我使用了以下內容：

1. 用於存儲數據的 SQL Server
2. Web 應用程序的 Web 窗體或 MVC
3. 用於檢索和格式化建議的 ashx 處理程序
4. 上面的 jQuery 插件，用於在輸入框下方呈現從 ashx 返回的結果

Answer 3

好吧，如果您想從數據庫中獲取有關常用或已創建元素的信息，您將需要的不僅僅是 html。 如果您只想讓表單建議人們已經在他們自己的瀏覽會話中輸入的內容，表單將自動執行此操作。

我可以指出的是這個家伙的帖子。 他概述並提供了基本代碼，讓您開始在表單中自動建議的路徑 他甚至為您提供文件以幫助您前進，但您必須進行一些修改工作。

后面也包含在帖子中，有人將其添加到 ajax_framework 文件中。

`函數清除建議（）{

e = document.getElementById('results');

e.style.display="無"; }`

在 search.php: onClick="fill();clearsuggest();return false;"

該部分代碼將在單擊建議時清除建議。 希望這會有所幫助並祝你好運。

Answer 4

對於類Unix環境（Linux，FreeBSD等），我寫了這個自動完成工具： http ： //olegh.ftp.sh/autocomplete.html

它消耗的系統資源非常少，可以處理龐大的字典：10,000,000條以上的條目都可以。

並且，此工具不使用SQL數據庫，因為SQL很慢。