Bootstrap输入标签

Question

我在我的应用程序的电子邮件字段中使用了Bootstrap标记输入。如下所示（每当我按Enter键时，输入的值超出输入字段）

但是我想要我的输入字段，（它应该容纳文本框本身的所有输入）

我在我的代码中添加了bootstrap和bootstrap taginput js。

任何人都可以帮助我实现这一目标。

Answer 1

您可以使用select2

执行此操作

演示：

$(".js-example-tags").select2({
  tags: true
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.min.css" rel="stylesheet" />


<select class="js-example-tags form-control" multiple="multiple" data-width="50%">
  <option selected="selected">orange</option>
  <option>white</option>
  <option selected="selected">purple</option>
</select>