The <label> element
An <label> element associates a text label with a form <input> field and is implemented using the DOM HTMLLabelElement interface. The label can tell users what value should be entered in the input field. Having labels helps the accessibility of a form. You can implicitly or explicitly associate a label with a form. When doing it explicitly, you use the for attribute, and implicitly, you nest the <input> directly inside the <label>.
Attributes
for-
The value of the
forattribute must be a singleidfor a labelable form-related element in the same document as the<label>element. So, any givenlabelelement can be associated with only one form control.Note: To programmatically set the
forattribute, usehtmlFor.The first element in the document with an
idattribute matching the value of theforattribute is the labeled control for thislabelelement - if the element with thatidis actually a labelable element. If it is not a labelable element, then theforattribute has no effect. If there are other elements that also match theidvalue, later in the document, they are not considered.Multiple
labelelements can be given the same value for theirforattribute; doing so causes the associated form control (the form control thatforvalue references) to have multiple labels.Note: A
<label>element can have both aforattribute and a contained control element, as long as theforattribute points to the contained control element.