自动填充“，”逗号将自动完成与十字按钮分开，如gmail composer

Question

我希望实现与gmail相同的功能，同时添加以逗号分隔的多个电子邮件地址，但必须在文本框中完成（不使用下拉列表） 有什么例子或建议吗？

Answer 1

下面的代码对我有用。我使用bootstrap-tagsinput解决了它。

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.css" />
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script>

然后在html文本框中使用它 -

<input type="text" name="cities" class="form-control"
               value="Hanoi" data-role="tagsinput" />

请参考这个  link了解更多信息。