Html 如何将项目放入输入字段中？

我正在创建一个标记管理器，并希望在输入字段中显示我的标记

我明白这是不可能的标准，我想模仿css这一点。不幸的是，我是前端开发的新手，只熟悉基本的css属性

---

你能猜一猜我怎么做吗

一种方法是向标准元素添加contenteditable属性，如下所示：

<div contenteditable="true">This is an editable div.</div>

---

然后，您可以写入此元素，并将其他元素也放入其中。

I下面的示例具有带有span的input标记，其中包含input中的一些文本。这样，您就可以在输入中使用标记

span{
  position:relative;
  left:-35px;
  background:yellow;
  }



<input type="text">
  <span>tags</span>

---

既然你有了可供使用的插件，为什么还要重新发明轮子呢？你必须使用一个插件来实现这一点，你可以尝试将它标记为基于jQuery的，我想通过让我的手远离jQuery来训练我的技能并在angularejs上实现这一点