Как разместить label под каждым инпутом как на картинке?

Question

[kaidos]

Comments

[Антон Литвиненко]

семантически это не label, это чтото типа p class="error-message", а лейба это описание поля + при клике на лейбл поле должно получать фокус

[Александр Васильев]

интересно, сколько сайтов собрано таким путем и какие они в итоге ...

[FrelFrloich]

Александр Васильев, мне на доработку пришёл сайт сегодня, которому 5 лет и его юзал сис админ фирмы, пришло с коментом (неработает хедер, модалки, слайдера, исчез адаптив). Ты бы выдиле какой я комент настрочил сис админу в js файле))))

[Александр Васильев]

FrelFrloich, ахаха, надо срочно им предоставить ком.предложение на переверстку, которое по сумме будет условно равнозначно переделкам, которых будет без конца и края

Answer 1

[Александр Васильев]

Добрый день.

"Как разместить label под каждым инпутом как на картинке?"

<input type="text" id="username">
<label for="username">Click me</label>

Если речь не об этом, то

рекомендую изучить валидацию форм, придумать элементы, которые будут показываться при не пройденной валидации, логику работы этих элементов, их расположение и стилизацию. Также прошу учесть кроссбраузерность, адаптив и отказоустойчивость.