十大(最佳自动完成的jQuery和javascript插件)

本文概述

  • 10. Flexselect
  • 9. Autocomplete.js
  • 8. jQuery AutoComplete PixaBay
  • 7. xdsoft autocomplete
  • 6. jQuery Autocompleter
  • 5. MagicSuggest
  • 4. Easyautocomplete
  • 3. Horsey
  • 2. typeahead.js
  • 1. jQuery Autocomplete
普通人不喜欢输入所有人都知道的东西的全名, 这很无聊。这就是神奇和有用的自动完成功能发挥作用的地方, 它们使你可以在仅键入长字首字母的同时自动填写整个输入。
它们是用户体验的重要组成部分, 如果输入必须具有用户需要记住的长值, 则你的表单应包括一个表单。享受我们为你的项目提供的10个最佳自动完成的jQuery插件的集合。
10. Flexselect Github |演示版
FlexSelect是一个jQuery插件, 可将选择框变成灵活匹配的增量查找控件。 Flex可以将一些按键与较长的琴键相匹配, 这对于打字员来说是一个福音。 Quicksilver, LaunchBar和Launchy等应用程序使这种键盘输入方法成为一种流行的方法。现在是时候将相同的功能引入Web控件了。 FlexSelect对选择框执行此操作。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
9. Autocomplete.js Github |演示版
Autocomplete.js是jQuery插件, 可通过提示改善搜索效果。该插件不支持远程Ajax调用, 但通过几个选项可方便地进行基本自动完成。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
8. jQuery AutoComplete PixaBay Github |演示版
该插件主要基于DevBridge出色的Ajax AutoComplete。它是一种超轻量级的插件代码, 可以根据你的需求进行优化。与Firefox, Safari, Chrome, Opera, Internet Explorer 7+中的jQuery 1.7.0+兼容。除jQuery库外没有任何依赖项。
  • 轻量级:3.4 kB JavaScript-压缩后小于1.4 kB。
  • 完全灵活的数据源。
  • 智能缓存, 延迟和最小字符设置。
  • 回调。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
7. xdsoft autocomplete Github |演示版
【十大(最佳自动完成的jQuery和javascript插件)】jQuery自动完成插件是一种轻巧简单的设置自动完成设置, 类似于Google, 它支持Accent Folding。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
6. jQuery Autocompleter Github |演示版
jQuery Autocompleter是一个简单, 易用, 可自定义且具有缓存支持的jQuery插件。它直接在输入元素上初始化
十大(最佳自动完成的jQuery和javascript插件)

文章图片
5. MagicSuggest Github |演示版
MagicSuggest是为引导主题构建的易于使用的自动完成组件组合框。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
4. Easyautocomplete Github |演示版
EasyAutocomplete是一个高度可配置的jquery自动完成插件:
  • 它支持本地和远程数据集(JSON, XML和纯文本)。
  • 使用ajax方法调用。
  • 允许搜索, 排序和匹配响应短语。
  • 它使你可以使用几个不同的列表模板, 甚至还可以创建自己的列表模板。
  • 作为最好的jquery自动完成插件之一, EasyAutocomplete支持回调句柄, 因此可以配置为在特定事件上运行函数。
  • 它具有css样式的一些有趣, 干净, 现代的构建(无需图像)。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
2. typeahead.js Github |演示版
受twitter.com自动完成搜索功能的启发, typeahead.js是一个灵活的JavaScript库, 为构建健壮的typeaheads提供了坚实的基础。
typeahead.js库由2个组件组成:建议引擎Bloodhound和UI视图Typeahead。建议引擎负责为给定查询计算建议。 UI视图负责呈现建议和处理DOM交互。这两个组件可以单独使用, 但是当一起使用时, 它们可以提供丰富的预输入体验。
  • 在最终用户输入时向他们显示建议。
  • 显示最高建议作为提示(即背景文本)。
  • 支持自定义模板, 以实现UI灵活性。
  • 与RTL语言和输入法编辑器配合良好。
  • 突出显示建议中的查询匹配项。
  • 触发自定义事件以鼓励扩展。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
1. jQuery Autocomplete Github |演示版
jQuery的Ajax自动完成功能使你可以轻松地为文本输入字段创建自动完成/自动建议框。除jQuery外, 没有其他依赖项。
它支持从本地源和远程源进行自动完成。 jQuery的Ajax自动完成功能可根据MIT样式的许可条款自由分发。
十大(最佳自动完成的jQuery和javascript插件)

文章图片
如果你知道另一个很棒的jQuery自动完成插件, 请在下面的评论框中与社区共享它!

    推荐阅读