Тег <label>

Тег <label> в HTML предназначен для создания метки для элементов интерфейса. Элемент <label> обеспечивает удобство пользователя в форме, когда он нажимает на текст метки, соответствующий форме элемент устанавливается в фокус или активируется.

Вот основной синтаксис этого тега:

<label for="element-id">Descriptive Text</label>
<input id="element-id" type="type" name="name">

В этом примере, текст "Descriptive Text" является меткой для элемента ввода, и пользователь может поместить этот элемент в фокус, щелкнув на текст "Descriptive Text".

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

Также существует другой способ для связывания <label> и другого элемента, когда элемент ввода находится внутри самого тега <label>:

<label>First name: <input type="text" name="firstname"></label>

В этом случае, атрибут for не требуется.