html - 如何将元素放入输入字段？

Question

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

我知道这是不可能的标准，我想通过 css 来模拟它。不幸的是，我是前端开发的新手，只熟悉基本的 css 属性。

你能猜猜我该怎么做吗？

Answer 1

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

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

然后你可以在这个元素里面写，把其他元素也放在里面。