HTMLFieldSetElement: elements-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

Die elements schreibgeschützte Eigenschaft der HTMLFieldSetElement-Schnittstelle gibt ein HTMLCollection-Objekt zurück, das alle Formularsteuerelemente (<button>, <fieldset>, <input>, <object>, <output>, <select> und <textarea>) enthält, die Nachkommen dieses Feldsets sind.

Sie können auf ein bestimmtes Formularsteuerelement in der zurückgegebenen Sammlung zugreifen, indem Sie entweder einen Index oder die name- oder id-Attribute des Elements verwenden. Wenn mehrere Formularsteuerelemente denselben Namen teilen, wie es häufig bei einer Gruppe von Optionsfeldern der Fall ist, gibt die Verwendung des geteilten Namens das erste Element mit diesem Wert zurück.

Wert

Beispiele

html
<form id="my-form">
  <fieldset id="my-fieldset">
    <legend>My fieldset</legend>
    <p>
      <label for="username">Username:</label>
      <input type="text" id="username" name="username" />
    </p>
    <p>
      <label for="password">Password:</label>
      <input type="password" id="password" name="password" />
    </p>
    <p>
      <input type="checkbox" id="remember-me" name="remember-me" />
      <label for="remember-me">Remember me</label>
    </p>
  </fieldset>
</form>
js
const fieldset = document.getElementById("my-fieldset");
console.log(fieldset.elements.length); // 3
console.log(fieldset.elements["remember-me"].value); // "on"

Spezifikationen

Specification
HTML
# dom-fieldset-elements-dev

Browser-Kompatibilität

Siehe auch