0

我需要创建一个具有自动完成功能的输入框。因此，当用户输入 "ja" 时，前两个字符将显示为粗体，而 "vascript" 将显示为灰色。由于某些原因，我无法使用 jquery 自动完成功能。由于用户可以输入的单词并不多，我创建了一个数组并为每个 abbreviation 分配匹配的单词。

words= [{abbv:"J", word="JAVA"}, {abbv:"JA", word:"JAVASCRIPT"}]

然后，当用户开始输入单词时，我在数组中查找与“缩写”匹配的单词，并将该单词显示在 box 内。这很好用，现在的问题是我试图突出显示用户输入的第一个字符并将其余单词保持为灰色。我想要做的看起来像这样http://jsfiddle.net/wyVJW/894/，除了我希望单词显示在输入框本身而不是向下滚动菜单中。如何仅对输入的字符而不是整个输入框设置字体粗细？

4

1 回答 1

0

输入框不支持多种样式。您需要覆盖一个 DIV 并在该 DIV 中使用 HTML 来“模拟”您想要在视觉上实现的目标，并使用 CSS 使其看起来仍然像一个输入框。

您将需要编写一些 JavaScript 来完成这项工作。

于 2013-09-09T20:33:40.593 回答