Тег <label> (с англ. – «метка») задаёт надпись для элемента формы. По внешнему виду он выглядит как обычный текст, но при клике по нему сразу активируется связанный input, а не сам элемент. Чтобы установить эту связь, укажите атрибут for, значение которого должно совпадать с id нужного поля.

Если же <input> находится внутри самого <label>, использовать for можно не делать - связь создаётся автоматически. Это удобно, когда хочется держать разметку компактной.

for:

Связывает метку с конкретным элементом формы. Значение – идентификатор того input, к которому относится метка.

form:

Определяет форму, с которой будет работать метка, даже если она размещена вне тега <form>. Атрибут принимает id нужного элемента-формы и позволяет расставлять метки в любом месте документа.

Тег label также поддерживает… (примеры ниже).

 Male 
 Female 
 Male  
 Female