Тег label (в переводе с английского - метка) задаёт текстовую подпись для элемента формы. На первый взгляд он выглядит как обычный текст, но на практике это очень приятная возможность: пользователь может выбрать элемент управления простым кликом по надписи внутри тега label, а не только по самому полю input. Чтобы связать метку с конкретным элементом формы, используется атрибут for. Его значение должно совпадать со значением атрибута id того элемента, к которому относится метка.

Атрибут for можно не применять, если элемент input уже находится внутри тега label.

for:

Устанавливает связь с элементом формы, к которому относится метка. В качестве значения атрибута используется идентификатор целевого элемента.

form:

Определяет форму, с которой будет связана метка. Значением атрибута выступает идентификатор элемента form. Благодаря этому можно размещать метки в любом месте документа, а не только внутри тега form.

Тег label также поддерживает и другие стандартные HTML-атрибуты.

<form> <label for="male">Male</label> <input type="radio" name="sex" id="male"> <br> <label for="female">Female</label> <input type="radio" name="sex" id="female"></form>Или то же самое, только без использования атрибута for:<form> <label>Male<input type="radio" name="sex" id="male"></label> <br> <label>Female<input type="radio" name="sex" id="female"></label></form>