如何在输入领域实现建议

时间:2018-01-05 01:28:32

标签: javascript html5

您好我在输入字段时遇到了如何在输入字段中获得建议的问题(在浏览器网址栏中我们输入前3到4个字母时它给出了建议,如果网址是正确的,我们将其与其他单独使用删除键按删除建议的内容)。这需要用输入字段来完成。这种情况是可能的吗?感谢。

3 个答案:

答案 0 :(得分:0)

这绝对是可以实现的,请看 - typehead.js

这是一个javascript项目,可以完全按照您的要求进行操作,我相信它也与boostrap兼容。

答案 1 :(得分:0)

自动填充建议是一种非常常见的Web组件。如果您使用的是jQuery,则可能需要尝试使用Materialize发布的this component。如果您正在使用Polymer,则可能需要尝试paper-autocomplete。如果您使用的是vanilla javascript,则可以尝试输入typeahead,或类似此autocomplete库的内容。大多数其他现代Web框架将有一些替代方案。我不会真的建议从头做一个。

答案 2 :(得分:0)

这里有很多可能性。

  • 如果列表的内容是静态的或通过代码轻松生成,您可以使用native HTML <datalist> element
  • 如果您希望使用用户之前提供的数据在表单中进行自动填充,则可以通过<input autocomplete> attribute
  • 启用
  • 如果你想要更多的自定义,那么它必须是一些为你做脏工作的JavaScript。 Stack Overflow不是获取库建议的好论坛,但您应该调查当前开发堆栈中可用的内容。