【发布时间】：2013-09-13 10:08:30
【问题描述】：
我需要创建一个具有自动完成功能的输入框。因此，当用户输入 "ja" 时，前两个字符将显示为粗体，而 "vascript" 将显示为灰色。 由于某些原因，我无法使用 jquery 自动完成功能。由于用户可以输入的单词并不多，所以我创建了一个数组并为每个 abbreviation 分配匹配的单词。
words= [{abbv:"J", word="JAVA"}, {abbv:"JA", word:"JAVASCRIPT"}]
然后，当用户开始输入单词时，我会在数组中查找与“缩写”匹配的单词，并将该单词显示在 box 内。 这很好用，现在的问题是我试图突出显示用户输入的第一个字符并将其余单词保持为灰色。 我想要做的看起来像这样 http://jsfiddle.net/wyVJW/894/ ，除了我希望单词显示在输入框本身而不是向下滚动菜单中。 如何只对输入的字符而不是整个输入框设置字体粗细？
【问题讨论】：
-
使用javascript！ :) 因为这仅通过 css 是不可能的
-
是的，我正在使用 javascript
-
在输入下方覆盖一个显示建议的文本容器：?
-
其实我想建议显示在输入框内（比如你在google上做研究的时候）
-
简单，你不需要 JS，只需要 HTML：在输入中使用 list 属性，并将其指向包含你的建议的 datalist 标记。
标签： javascript css input autocomplete