coderef

<fieldset> and <legend>Baseline · Widely available

The &#x3C;fieldset> and &#x3C;legend> elements group several form control elements within a web form.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 29, 2015. Widely available since Jan 29, 2018.

How to use ↓Compare browsers

Browser support

DesktopChrome
1+Supportedsince Dec 11, 2008
Current: 155
Edge
12+Supportedsince Jul 29, 2015
Current: 154
Firefox
1+Supportedsince Nov 9, 2004
Current: 157
Safari
1–3.1Not supported
≤4+Supportedsince Jun 8, 2009
Current: 27
MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155
Firefox Android
4+Supportedsince Mar 29, 2011
Current: 157
Safari iOS
1–3Not supported
≤3.2+Supportedsince Apr 3, 2010
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: HTMLFieldSetElement.

Feature detection

JS · check before using
const el = document.createElement("fieldset");
if (!(el instanceof HTMLUnknownElement)) {
  // <fieldset> is supported
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (14). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
HTMLFieldSetElement112131841
HTMLFieldSetElement.disabled2012462546
HTMLFieldSetElement.elements2117472547
HTMLFieldSetElement.elements.type_HTMLCollection57≤1841357413
HTMLFieldSetElement.form112131841
HTMLFieldSetElement.name1914462546
HTMLFieldSetElement.type1917462546
HTMLLegendElement112111841
HTMLLegendElement.form112111841
fieldset1121≤4184≤3.2
fieldset.disabled2079462546
fieldset.form1121≤4184≤3.2
fieldset.name1912462546
legend112131841