如何在HTML文本框中显示标签？

Question

我很好奇。

当成员在Stack Overflow中询问问题时，在文本框中，成员可以输入将自动更改为图形表单的标记。每个标签的侧面甚至还有一个“X”按钮，可以删除标签。

这是如何在HTML中实现的？我以为文本框中只允许纯文本。

Answer 1

查看标签的来源可能会有一些想法：

Answer 2

标记系统很容易使用jquery库。看看这些：

• http://xoxco.com/projects/code/tagsinput/
• http://aehlke.github.io/tag-it/
• https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

依旧......

Answer 3

在文本字段中只允许文本，你是对的。

当您在此网站上提问时，“标记”字段实际上是<div>，看起来像文本字段。然后，管理插入和删除标记是CSS和JavaScript的问题。您可以使用web-inspector来研究HTML结构和css / js代码。