1. Web
  2. Web APIs
  3. HTMLInputElement
  4. labels

HTMLInputElement: labels property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨October 2018⁩.

The HTMLInputElement.labels read-only property returns a NodeList of the <label> elements associated with the <input> element, if the element is not hidden. If the element has the type hidden, the property returns null.

Value

A NodeList containing the <label> elements associated with the <input> element.

Examples

HTML

html
<label id="label1" for="test">Label 1</label>
<input id="test" />
<label id="label2" for="test">Label 2</label>

JavaScript

js
const input = document.getElementById("test");
for (const label of input.labels) {
 console.log(label.textContent); // "Label 1" and "Label 2"
}

Specifications

Specification
HTML
# dom-lfe-labels-dev

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

AltStyle によって変換されたページ (->オリジナル) /