label
label определяет текстовую метку для элемента input. По своему виду метка ничем не отличается от обычного текста, однако она позволяет пользователю выбрать элемент формы простым кликом по тексту, расположенному внутри элемента label, а не по самому элементу input. Чтобы определить к какому элементу формы относится текущая метка, необходимо использовать атрибут for тега label. Значение атрибута for должно быть эквивалентно значению атрибута id элемента формы, к которому будет относится метка.
Атрибутом "for" можно не пользоваться, если элемент input будет находиться внутри элемента label.
Пример
<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>
<p>или тоже самое только без использования атрибута for</p>
<form>
<label>Male<input type="radio" name="sex" id="male"></label>
<br>
<label>Female<input type="radio" name="sex" id="female"></label>
</form>