forattribuut

Forattribuut, in HTML commonly referred to as the for attribute, is an attribute used on label elements to bind the label to a form control. Its value must be the id of a form element such as input, select, or textarea. When the label’s for attribute matches a control’s id, clicking the label focuses or activates that control, which improves usability and accessibility.

Example: <label for="email">Email address</label> <input id="email" type="email" />

Important constraints include that the id must be unique within the document. The for attribute works best with standard form controls like text fields, checkboxes, and radios. If you wrap the input inside the label element, you can omit the for attribute, but that approach requires the input to be a child of the label and can affect markup structure and styling.

Accessibility considerations are central to the for attribute. It helps screen readers associate the visible label with its control, providing an accessible name for the control. This makes forms easier to navigate for users who rely on assistive technology. In current practice, both the for attribute and the wrapping technique are valid, but the for attribute is often preferred when labels and controls are laid out separately.

Compatibility and standards: the for attribute on label elements has been part of HTML since HTML4 and is supported by all modern browsers. It remains a fundamental tool for creating accessible and user-friendly forms.