HTMLFieldSetElement: elements property
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.
The elements
read-only property of the HTMLFieldSetElement
interface returns an HTMLCollection
object containing all form control elements (<button>
, <fieldset>
, <input>
, <object>
, <output>
, <select>
, and <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.
Value
An HTMLCollection
.
Examples
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"
Specifications
Specification |
---|
HTML Standard # dom-fieldset-elements-dev |
Browser compatibility
BCD tables only load in the browser