HTML 输入自动填充占位符
Ele*_*epi 2 html javascript jquery inputbox
当用户写入文本框时显示用户建议的最佳方法是什么？我在 JS 数组中有所有可能的值。以数组为例["TYPO3", "Javascript"]。现在，如果用户输入这样一个字符串的起始字符，他应该得到这样的建议：
我很清楚占位符html5 标签，但这仅在文本框为空时才有效。我也知道Datalist 元素或jQuery 自动完成功能，但这些只允许特定值。我还希望文本框中未预定义的内容。
我的想法是<span>在光标后立即添加一个标签，在输入 keyup 事件时更改其内容并将跨度移动到光标当前所在的位置。这也使我可以设置建议文本的样式。
但对我来说，这似乎是一个糟糕的黑客，那么有没有更清洁的解决方案呢？
我不能告诉你什么是最好的方法，但如果你相信谷歌的方法，那么他们的解决方案非常简单：
- 有一个
<input type='text' ...>用于实际输入的常规文本框 ( )。 - 一个兄弟
<input>元素，它是disabled。
实际的文本框应该位于禁用的文本框之上。当用户开始输入并且您找到自动完成匹配项时，建议的文本应成为value其他disabled输入元素的（建议文本应为银色）。
这是一个小例子：https : //jsfiddle.net/e3L93o7g/