files/en-us/web/api/htmlfieldsetelement/elements/index.md
{{APIRef("HTML DOM")}}
The elements read-only property of the {{domxref("HTMLFieldSetElement")}} interface returns an {{domxref("HTMLCollection")}} object containing all form control elements ({{htmlelement("button")}}, {{htmlelement("fieldset")}}, {{htmlelement("input")}}, {{htmlelement("object")}}, {{htmlelement("output")}}, {{htmlelement("select")}}, and {{htmlelement("textarea")}}) that are descendants of this field set.
You can access a particular form control in the returned collection by using either an
index or the element's name or id attributes. If multiple form controls share the same name, as is common with a group of radio buttons, using the shared name returns the first element with that value.
An {{domxref("HTMLCollection")}}.
<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>
const fieldset = document.getElementById("my-fieldset");
console.log(fieldset.elements.length); // 3
console.log(fieldset.elements["remember-me"].value); // "on"
{{Specifications}}
{{Compat}}