Как правильно сверстать такую форму поиска(на рис.) с выбором категорий?

Question

[Zam_Bo]

Подскажите, пожалуйста, как сделать такую форму как на рисунке, чтобы был выбор категорий? Я не так давно начал изучать верстку, и немного застрял при на последнем шаблоне, а бросать его не хочу. Правильно ли делать через чекбоксы? Или нужно другим способом? Подскажите примеры или уроки где такое реализовано, а то я сам ничего схожего не нашел, только из селектом. Спасибо.

Answer 1

[Kater-auf-Dach]

Как ответили выше, правильно чекбоксами. Запрос в Google "стилизация чекбоксов" выведет кучу материала. Если кратко суть, то:
1. скрываете сам чекбокс
2. стилизуете label, привязанный через for и id
3. для отображения самих галочек можно использовать иконочный шрифт или фоновое изображение на основе спрайтов.
Пример на Codepen

Answer 2

[Ваге]

Смотри здесь хороший пример,с помощью Bootstrap.