Javascript 如何使用带有textarea标记的引导输入标记（数据角色="；tagsinput"；）

我想在文本框区域以标记方式显示用户选择的选项，并使用删除选项

如何将引导输入的标记与textarea一起使用？我已经应用了data role=“tagsinput”。但标签输入不起作用。正如我们所知，我们在Stackoverflow中也有同样的问题。但这并没有解决办法

---

此问题需要解决方案/提示

引导标记输入

不适用于textarea

。没有提供支持

但是，您可以将其与

input type=“text”

一起使用，并应用以下css使其与textarea类似

.bootstrap-tagsinput {
min-height: 100px;
}

---

在输入文本上尝试此css，以便在类似文本区域的输入上滚动

.tags-input {
      max-width: 100%;
      line-height: 22px;
      overflow-y: scroll;
      overflow-x: scroll;
      height: 65px;
      cursor: text;
 }

按此步骤操作

<style>
.bootstrap-tagsinput {
    line-height: 15px !important;
    min-height: 165px;
    padding-top: 20px;
    padding-bottom: 20px
}

span.tag.label {
    position: relative;
    float: left;
    margin: 2px 5px;
}

.bootstrap-tagsinput input {
    position: relative;
    float: left;
    height: auto;
    margin-top: 4px;
    margin-left: 5px;
    padding: 0px;
    text-align: left;
    width: auto;
}
<style/>
<input type="text" class="form-control inputtags" data-role="tagsinput" name="keywords">

.引导标记输入{
线高：15px！重要；
最小高度：165px；
填充顶部：20px；
垫底：20px
}
span.tag.label{
位置：相对位置；
浮动：左；
保证金：2p5px；
}
.引导标记输入{
位置：相对位置；
浮动：左；
高度：自动；
利润上限：4倍；
左边距：5px；
填充：0px；
文本对齐：左对齐；
宽度：自动；
}

我已经更新了链接检查它…………不会使它看起来像一个文本区域。它只增加高度，光标在中间。