如何添加类似于StackOverflow系统的标签文本输入系统

Question

是否可以只在框内设置文字样式？我想出的系统是：

1. 制作一个覆盖方框的Div
2. 在框中输入时，请听空格键
3. 按空格键后，将其添加到数组中，然后将其添加到标记列表中以显示在div中
4. 如果divs宽度为>而不是输入框，请将宽度限制为设置尺寸
5. 当添加的标签多于宽度允许时，将新标签推送到数组，将div滚动到末尾并隐藏其他标签的溢出
6. 监听文本框是否为空并按下退格
7. 如果按下，则在文本框中填入数组中最后一个元素的文本，然后拼接最后一个元素以将其删除。

这是我想要实现的当前方法，可以很好地编写代码。但我想知道是否有更简单的方法来做到这一点以及更多跨浏览器/版本友好。我尝试用谷歌搜索StackOverflows标签系统，标签，标签等等，但这些都是真正无关的东西。如果这是一个糟糕的问题，任何输入都会很抱歉，我可以将其删除或投票以在必要时关闭它。感谢。

Answer 1

4号可以写成：

4.当div的数量为>而不是5时，return "You are only aloud 5 tags"