coderef

<input type="checkbox" switch>Limited availability

The switch attribute, when present on an &#x3C;input type="checkbox"> HTML element, renders a switch control with an on and off state instead of a checkbox control.

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome
✕Not supportedup to 155
Current: 155
Edge
✕Not supportedup to 154
Current: 154
Firefox
✕Not supportedup to 157
Current: 157
Safari
1–17.3Not supported
17.4+Supportedsince Mar 5, 2024
Current: 27
MobileChrome Android
✕Not supportedup to 155
Current: 155
Firefox Android
✕Not supportedup to 157
Current: 157
Safari iOS
1–17.3Not supported
17.4+Supportedsince Mar 5, 2024
Current: 27

How to use

Not supported in Chrome, Edge, Firefox, Chrome Android, Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: checkbox#switch.

Feature detection

JS · check before using
if ("switch" in document.createElement("input")) {
  // the switch attribute/property of <input> is supported
}

Documentation (MDN)

Specification