Delimited list web interface

Question

I need to create a user interface similar to the following. Basically, given a delimited text, it will be able to split the text and group each element separately.

Gmail Example:

Stack Over Flow Example:

What is this concept called?

Are there any JavaScript libraries that perform this?

Answer 1

That's called Tagging in simplest terms, and yes, there's javascript library for it called TaggingJS, which you can find the github repository of it, in the below link;

TaggingJS

You can also look at my jsfiddle, which is a mini version of it,

Tag

Answer 2

You can use a jQuery library called jQuery Tags Input

Demo | Github