2014-12-23 67 views
3

是否可以对文本框内的文本进行样式设置?我已经想出了该系统是:如何添加类似于StackOverflows系统的标签文本输入系统

  1. 作出这样的覆盖盒子
  2. 当在框中键入听一个div空格键
  3. 当空格键被按下时,将其添加到一个数组,然后添加它的标签的列表出现在div
  4. 当div的宽度是>比输入框,限制宽度的一组大小
  5. 当添加更多的标签比宽度允许,推新标签阵列,滚动div到最后并隐藏其他标签
  6. 0123的溢出
  7. 侦听文本框是否为空并且按退格键
  8. 如果按下,则使用数组中最后一个元素的文本填充文本框,然后拼接最后一个元素以将其删除。

这是我现在要实现的方法,可以很好地编写它。但我想知道是否有更简单的方法来做到这一点,更多的浏览器/版本友好。我试着用Google搜索StackOverflows标签系统,标签,标签等,但都是非常不相关的东西。如果这是一个糟糕的问题,任何输入都会很好,我可以删除它或者在必要时投票关闭它。谢谢。

+3

听起来像是你有一个Gameplan的,看看在http://ivaynberg.github。 io/select2 /获得灵感。请参阅:多值选择框 – charlietfl

+3

只需检查StackOverflow上的元素即可了解它们是如何实现的。 –

+0

@CharlieKilian和@ charlietfl,我看到你的输入适合作为答案 – Gouda

回答

0

4号可以写成像这样:

4.当数量的div是>比5,return "You are only aloud 5 tags"