什麼是自動填充輸入字段的最佳方式？

例如，當你打開你的瀏覽器並開始鍵入一個已知的網址： www.google.com 瀏覽器自動填充網址後，你把第一個字母，當你按Enter鍵打開谷歌網站，但你也可以繼續爲不同的網址打字。當瀏覽器知道另一個URL並且在g（oogle.nl）後繼續鍵入另一個字母時，它會自動填充另一個已知的URL。什麼是自動填充輸入字段的最佳方式？

什麼是在HTML輸入字段中實現此功能的最佳方式？

來源

2017-03-12 Rob Michiels

看@ https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist - 這可能會有幫助 – Raphael

這並不能很好地解決這個問題。是否有可能使用javascript從列表中選擇一個選項，並將其放入texbox中作爲選定項？ –

你應該看看：https://jqueryui.com/autocomplete/

做到這一點這是（我個人認爲）最好的和最簡單的方法。

玩得開心！

編輯：拉斐爾的答案是偉大的，但不支持在Safari瀏覽器，如果我是對的。

來源

2017-03-12 18:52:09 Maxime2400

我熟悉自動完成功能，但只給我一個可用選項列表。它不會像chrome瀏覽器本身那樣自動填充輸入。在我可以按下前，我必須按下按鈕。 –

我建議你做以下幾點： 1.用戶開始輸入內容 2.在輸入改變時選擇第一個元素，並選擇「藍色」已經自動完成的文本。因此，如果這不是他正在尋找的詞，他可以繼續鍵入並覆蓋自動完成的內容。這對你有意義嗎？ – Maxime2400

是的，那正是我要找的。現在我必須弄清楚如何用javascript或者JQuery來做一個藍色選擇，我認爲這應該是最難的部分。 –

什麼是自動填充輸入字段的最佳方式？

回答

相關問題