How to register new in autocomplete

Question

I don’t know if this is the right place to ask, but I always see the following component in some systems:

I would like to know, which plugin is this? If it is just jquery ui autocomplete, how is that button to add?

Answer 1

I also don’t know what this plugin is (if you put the link in the question we can be more specific) but this is very simple to do. Just have a hidden div that is visible in the focus of the first. You can even do it only with CSS and sibling selectors.

With some work on CSS you can look whatever you want.

Example:

div{
    opacity: 0;
    transition: opacity 1s;
    
}

#meuInput:focus ~ div{
    opacity: 1
}

<input type="text" id="meuInput" />
<div><button>Adicione mais um!</button></div>

It may also be the case that this button is inside the first (and only in the example) option of a select...