在像StackOverflow的输入标签?

什么解决方案完成了SO用于输入标签的自动完成?

有一些插件可以处理一个词,但我没有看到任何处理多个词的插件。


按照活动顺序,可用的演示/示例和简单性:

  • (演示)https://github.com/yairEO/tagify
  • (演示)https://github.com/aehlke/tag-it
  • (演示)http://ioncache.github.com/Tag-Handler/
  • (演示)http://textextjs.com/
  • (演示)https://github.com/webworka/Tagedit
  • (演示)https://github.com/documentcloud/visualsearch/
  • (演示)http://harvesthq.github.io/chosen/(这不是一个真正的标签插件)
  • (演示?)http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
  • (演示?)http://jcesar.artelogico.com/jquery-tagselector/
  • (演示?)http://remysharp.com/wp-content/uploads/2007/12/tagging.php
  • (演示?)http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflow.aspx
  • 有关:

  • https://meta.stackexchange.com/questions/100669/feedback-wanted-improved-tag-editor

  • Bootstrap:如果您使用Bootstrap。 这是一个非常好的选择:Select2

    另外,TokenInput是一个有趣的。 首先,它不依赖于jQuery-UI,其次它的配置非常流畅。

    我拥有的唯一问题不支持本地自由标记。 因此,我必须将查询字符串作为响应JSON的一部分返回给客户端。


    正如@culithay在评论中提到的那样,TokenInput支持很多自定义功能。 并强调其他人没有的某些功能:

  • tokenLimit:允许用户选择的最大结果数量。 使用null来允许无限选择
  • minChars:用户执行搜索前必须输入的最少字符数。
  • queryParam:您期望在服务器端包含搜索项的查询参数的名称
  • 感谢culithay的输入。


    这最初回答了关于下载jQuery与通过不再存在的CDN访问它的智慧的补充问题...

    回答关于Google的事情。 我已经转向通过我的站点中相应的CDN访问JQuery和大多数其他类型的库。

    随着越来越多的人这样做,这意味着它更有可能被缓存在用户的机器上,所以我的投票是好主意。

    自从我第一次提供这五年以来,它已成为普遍的智慧。

    链接地址: http://www.djcxy.com/p/4489.html

    上一篇: in like StackOverflow's input tags?

    下一篇: HTML form readonly SELECT tag/input