Текст над полем ввода, правильно ли?

Question

[Darkness]

Ребят, привет, правильно ли я понимаю, что это div внутри которого span и input?
Или же, это все таки label?

Спасибо за ответ!

Comments

[shmatuan]

По логике label, но разницы по сути нет - можно хоть таблицей сделать

[Darkness]

shmatuan, спасибо, обязательно ли for по id? много id будет, не хочу, спасибо за ответ!

[shmatuan]

Антон Добрынин, "Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены.", так что всё от ситуации)
htmlbook.ru/html/label/for

если так, то не обязательный for:

<div class="form-group">
  label
  input
</div>

[Darkness]

shmatuan, Спасибо!

[Darkness]

shmatuan, слушай, а как сделать так чтобы label над input? вытаскивать из потока и выравнивать?

[shmatuan]

Антон Добрынин, https://codepen.io/andreysh/pen/aXbqjm так?

[shmatuan]

Антон Добрынин, UPD через flex https://codepen.io/andreysh/pen/jdOxVL

Answer 1

[Владимир Проскурин]

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

Comments

[Darkness]

слушай, а как сделать так чтобы label над input? вытаскивать из потока и выравнивать?

[Владимир Проскурин]

Антон Добрынин, да, просто привязывайтесь по for -> id, и располагайте как удобно.

[Darkness]

Владимир Проскурин, спасибо, решил уже вопрос, но вот textarea плывет своей дорогой)