HTML это не просто некий набор элементов, с которыми можно вытворять всякие штуки. У них есть семантика.
Кнопка - что бы что то сделать.
Ссылка - чтобы куда то перейти.
Поле ввода (включая чек-бокс), что бы ввести и передать какую то информацию.
Но щелкать по чекбоксу, что бы вывести информацию.... Это что то совсем не то.
Я бы еще как то понял, что сначала нужно отметить чекбоксы, что бы потом выводить различную информацию, в зависимости от отмеченных.
Иногда конечно хочется изобрести что то свое.
Но не нужен велосипед с треугольными колесами педали которого надо крутить ушами.
Есть вполне стандартные интерфейсы, которые всем знакомы.
Например кнопка с надписью "Помощь". Все просто кнопка и 99% догадаются для чего она. И не надо будет дополнительно писать "Нажмите на этот чекбокс для ознакомления с правилами поиска".
Placeholder(ы). Я встречал мнение многих дизанейров, что это зло.
Один из аргументов такой: Я поставил курсор, начал писать - и он исчез. А я забыл (сразу не рассмотрел) что там. То ли <10000, то ли <100000. Что бы уточнить приходится стирать написанное. Лучше уж подсказка мелким шрифтом под строкой
Вот небольшой список материалов по дизайну. Читать можно и с гугл-переводчиком.
Там много ссылок на более подробные рассмотрения
https://ishadeed.com/article/clickable-area/
https://adamsilver.io/articles/form-...one-blog-post/
https://gerireid.com/forms.html