带有文本框的动态标签在html页面

Question

我在html页面中有一个文本框;我希望当用户在文本框中输入内容并且当用户点击按钮（比如Postvalue）时，它应该将值作为带有文本框值的标签发布在文本框旁边。

只要用户输入任何内容然后按下按钮，就会发生这种情况;但是，就目前而言，我正在使用文本框进行操作，但我希望它可以随标签更改。任何人都可以帮助我吗？

这是我的HTML代码：

<input id="tags2" type="text" placeholder="Post Tags" />
<button onclick="getwords()">Post</button>

这是我的javascript：

function getwords() {
    var textbox = document.createElement('input');

    textbox.setAttribute('type', 'label');

    textbox.setAttribute("readOnly", "true");

    document.getElementById('textpost').appendChild(textbox).value = document.getElementById("tags2").value;

  }