实现jquery标签输入框

标签输入框是个这样的东西:点我体验

只要你输入一些字符,敲击回车就会生成一个”标签”,是一种常见的效果。

实现这样一个东西远没有它看起来麻烦,实际上它的HTML就是这样一个样子:

外围实际是一个DIV模拟的输入框(有边框看起来就像是输入框),内部左侧是若干浮动的标签,右侧是一个很短的输入框,从而令.tag-input-container看起来像是一个大输入框。

接下来可以完善各种操作,我只实现了最基础的回车添加标签,监听一下.tag-input的键盘事件即可:

项目代码在这里查看:https://github.com/owenliang/tag-input

发表评论

电子邮件地址不会被公开。