Как сделать добавление текста с кнопки в инпут?

Question

[Сергей Добряк]

Здравствуйте!
Есть вот такой инпут - <input type="text" name="tag" value=" Your tag">
Как сделать такое как на гифке?
Тоисть есть кнопки с жанрами под инпутом и при нажатии на эти кнопки они будут добавлятся в инпут где теги.
(сами теги не надо, надо само добавление текста в инпут)
буду очень благодарен за готовое решение, заранее спасибо ;)

Comments

[ⓒⓢⓢ]

сами теги не надо, надо само добавление текста в инпут

свойство же value у инпута ...

[Сергей Герасимов]

Это называется чипсами. На input не реализовать, как вариант - реализовать на div/span с применением Javascript, а если нужна отправка на сервер либо отправлять через ajax, либо использовать скрытые input.
Примеры реализации: https://www.w3schools.com/howto/howto_css_contact_...
materializecss.com/chips.html

[Сергей Добряк]

Сергей Герасимов, Спасибо

Answer 1

[Максим Щербаков]

<button onclick="document.getElementsByName('tag')[0].value += 'Text';">Add 'Text'</button>

Это самый простой вариант

Answer 2

[pantsarny]

google://jquery+input+tags