Прежде всего вам необходимо понять, что то, что вы хотите сделать, не является функцией, доступной по умолчанию только с одним элементом HTML (в данном случае входом).
Я не буду входить во многие техническиедетали, так как это означало бы кормление с ложечки, я предпочитаю указывать вам правильное направление;Надеюсь, вы не возражаете, вот и все:
Во-первых, вам нужен контейнер, который будет выглядеть как блок, скажем, div.Внутри него у вас будет поле ввода, которое должно занимать только часть контейнера, например:
<div id="tag_editor">
<span id="tokens"><!-- js stores tags here --></span>
<input type="text" id="tag_editor_input">
</div>
![container](https://i.stack.imgur.com/iHjvC.jpg)
Как только вы напишите некоторый текст на этом входе,автозаполнение должно появиться нормально.Однако вам понадобится ловушка, чтобы, когда вы не сфокусированы или щелкаете по подсказкам, содержимое входных данных преобразуется в элемент HTML, отображающий данные, вы должны храниться в контейнере токенов.
OfКонечно, поле ввода будет таким же, но оно сместится вправо, например:
![alt text](https://i.stack.imgur.com/w7UVm.jpg)
Как только вы это сделаете, вы сможете добавить как можно большетеги по мере необходимости.Затем, когда вам нужно получить данные, просто переберите содержимое #tokens
и используйте их как часть данных.
Надеюсь, это поможет.