: The LABEL Element

Last updated: 2026-09-12

<label>The LABEL Element

The <label> element defines a caption for a form control. The for attribute links it to the control's id; clicking the label focuses/activates the control, improving accessibility and touch experience.

Category	Forms
Content Model	Phrasing content (no nested <label>)
Allowed Parents	Any element that accepts phrasing content
Content Tag	Yes — requires closing `</label>` tag
Status	Standard

📝 Syntax

<label for="username">Username:</label>
<input type="text" id="username">

⚙️ Attributes

This element supports the global attributes plus the following:

Attribute	Value	Description
`for`	Element ID	The ID of the associated form control.

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<label>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

<label> — forms tutorial

📚 Related Tutorials

HTML Forms HTML Input Types Reference

HTML Forms Tutorial

Learn form controls and labels.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us