How to add multiple names in input field

Hi,

I am trying to add multiple names from the autocomplete drop-down to the input field like in the image below.

Here’s what I want to build:

  1. When I click on any item from the drop-down, it would add the item in the input field exactly how it is shown in the image.
  2. When I hit backspace, the entire name should be removed at one.
  3. I can add multiple names and send them to sit in the input field

So basically the name should sit inside that box and that box should sit inside the input field. How do I achieve that?
I tried searching the web for this but I am not sure if I am putting the right keyword for it. I don’t know what it is called.

It’s called “tags”.
(Examples in Bootstrap: https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/)

1 Like

Thanks. That’s what I was looking for.