Att Label Form

📅 2026-06-14 | 📂 HTML

## HTML `form` Attribute The `form` attribute of the `` tag is a powerful HTML5 feature that allows you to explicitly associate a label with one or more `

` elements, even if the label is placed completely outside the form container in the DOM structure. --- ## Definition and Usage By default, an HTML `` element must be nested inside a `` to be associated with it. The `form` attribute overrides this limitation. It specifies the `id` of the form (or forms) that the `` belongs to. This is highly useful for complex web layouts where form controls and their corresponding labels need to be placed in different sections of a page (such as sidebars, modals, or tables) while still maintaining semantic relationships and accessibility. --- ## Syntax ```html Label Text ``` ### Attribute Values | Value | Description | | :--- | :--- | | `form_id` | Specifies one or more form IDs that the `` element belongs to. If referencing multiple forms, separate the IDs with spaces. | --- ## Code Example In the example below, the `` for the "Male" radio button is placed outside the `` element. By using the `form="form1"` attribute, it remains semantically linked to the form. ```html Female Male ``` --- ## Specifications and Differences * **HTML 4.01:** The `form` attribute did not exist. Labels had to be nested inside the `

YouTip

Att Label Form

📂 Categories