Создание поля ввода тега поиска

Question

Итак, если вы знакомы с страницей загрузки видео на YouTube, есть место для добавления поисковых тегов (например, добавление тегов здесь в stackoverflow) для видео, как показано ниже ->

Способ, которым он работает, заключается в том, что после ввода тега вы помещаете «,», и тег добавляется следующим образом с небольшим крестом справа, чтобы отменить его.

Я хочу создать подобную систему, используя HTML, JS, CSS (Bootstrap). Один из способов - создать небольшие бутстрап-оповещения с помощью JS, но это кажется беспорядочным.
Любые другие идеи?

Answer 1

Есть множество плагинов Jquery, которые вы можете использовать. Поскольку вы хотите использовать Javascript, это легко.

Некоторые библиотеки:

• http://xoxco.com/projects/code/tagsinput/
• https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

Оба они потребуют JQuery.

Редактировать: Что-то еще вы можете сделать: использовать https://harvesthq.github.io/chosen/. С некоторыми JS вы также можете использовать это и иметь более чистый интерфейс.