数据占位符和 jQueryUI 自动完成

Question

有没有一种简单的方法可以使用 jQueryUI 的自动完成功能在文本框中添加默认文本？ 我尝试过使用数据占位符，但它似乎不起作用。

我在网上搜索过，有人建议使用文本框值来显示文本，并在焦点上清除它。但是我需要为默认文本更改字体样式，并在手动删除文本时检查 onKeyUp 等...

没有更简单的方法吗？还是我错过了什么？

Answer 1

很多人会使用定位在文本框上方的跨度。当文本框获得焦点时，您将隐藏跨度。当文本框模糊并具有值时，您不会显示它。如果它没有值，那么您可以再次显示它。

您可以独立于文本框来设置跨度的样式，这样您就不必更改文本框本身的字体样式。您必须订阅 focus 和 blur 事件，但如果您创建一个 jQuery 插件来执行此操作会容易得多。事实上，我敢肯定已经存在这样做了。