Для чего тег label в html?

Question

[takverstak]

Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>).

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

По второму предложению существует какой-то пример? Я не понимаю на какой текст надо нажимать и что при этом должно происходить? На какие значения должны меняться элементы формы?

Answer 1

[Ernest Faizullin]

простым языком коротко:

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

Answer 2

[Exploding]

Вот пример https://jsfiddle.net/6zgostLc/