How to register new in autocomplete

2

I do not know if it's the right place to ask, but I always see the following component on some systems:

I wonder what plugin this is? If it's just the jquery ui autocomplete, how does that button to add?

    
asked by anonymous 24.12.2014 / 00:08

1 answer

3

I also do not know what plugin this 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 with CSS and sibling selectors.

With some work in CSS you can give yourself the look 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 within the first (and only in the example) option of a select ...

    
24.12.2014 / 00:14