forattribuutin

The for attribute is an HTML attribute used on label elements to bind a text label to a form control by specifying the id of that control. When the for attribute references the id of an input, select, textarea, or other form element, clicking the label focuses that control and assistive technologies can associate the two elements, improving form accessibility.

Example: <label for="email">Email</label> <input type="email" id="email" name="email" />. The value of the for attribute must exactly match the id of a single element in the same document. IDs must be unique, and if there is no matching element, the attribute has no effect.

If the input element is placed inside the label element, the association can be implicit and the for attribute can be omitted, though this nesting approach is less common in modern forms and may reduce certain styling options or clarity.

Compatibility and accessibility: The for attribute is supported in HTML5 and across all major browsers. It is an important mechanism for making forms usable with keyboard navigation and screen readers, as it clearly connects label text to its control and enlarges the clickable area for smaller controls.

Best practices: Use descriptive, stable ids and corresponding label text, keep labels concise, and place the label element in a logical and visually clear position relative to its control. Avoid duplicating ids or leaving for references unmatched.