Jquery / Javascript - 谷歌建议在textarea内（没有下拉列表）

Question

我正试图获得像谷歌这样的自动推荐但没有下拉列表。我的意思是文本在textarea中建议（不是作为下拉列表），请参阅printscreen：

我知道所有jquery插件，如jqueryui autocomplete，jquery token，...等等。但我不希望下拉，我只想让文字出现在灰色的单词旁边。如果用户点击“输入”并将建议放入其中。

我看过这篇文章： Google's predictive text as you type code example - w/o auto suggest dropdown menu

问题

1. 是否有合适的插件？
2. 如果没有插件，我怎么能自己做。我该怎么办？请记住，我是JavaScript的初学者。

Answer 1

我创建了一个简单的示例，其中包含文本输入而非textarea，可以帮助您入门http://jsfiddle.net/arMCq/16/

在我的小提琴中，您可以通过按TAB键接受自动填充建议。

请注意，代码只是为了说明如何完成这样的事情。在生产环境中使用之前，需要进行调整，清理和组织。