CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: <label> element

The <label> Element

Forms

The <label> element can be used to attach information (like a text label) to form controls.

Attributes for <label>
TypeAttribute List
'Standard' Attributes"for"
New HTML5 Attributes"form"

Notes

  • Each <label> element should be associated with only one form control.
  • The "placeholder" attribute should not be used as an alternative to a <label> element.

Recommended Links

Accessibility Information & Tips

  • For required form controls, indicate the required status in the control's <label> or <legend>. If not indicated by text (like "(required)"), then make sure the meaning of the indicator is explained before it is used. NOTE: Abbreviating "required" to "req." may be confusing. Visit https://www.w3.org/TR/WCAG20-TECHS/H90 for more information.
  • In <select> elements, use <optgroup> to group related <option> elements. Label the option groups with the "label" attribute. Avoid using dummy list entries to delimit groups. Visit https://www.w3.org/TR/WCAG20-TECHS/H85 for more information.

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem