Form-associated custom elements
Newly available since 2023-03-27 (baseline low)
Custom elements may act like built-in form elements, via the the attachInternals() method of HTMLElement and the ElementInternals API.
Compatibility
- Chrome 77 Released on 2019-09-10
- Chrome Android 77 Released on 2019-09-10
- Edge 79 Released on 2020-01-15
- Firefox 98 Released on 2022-03-08
- Firefox for Android 98 Released on 2022-03-08
- Safari 16.4 Released on 2023-03-27
- Safari on iOS 16.4 Released on 2023-03-27
MDN docs
- ElementInternals
- HTMLElement.attachInternals
- ElementInternals.checkValidity
- ElementInternals.form
- ElementInternals.labels
- ElementInternals.reportValidity
- ElementInternals.setFormValue
- ElementInternals.setValidity
- ElementInternals.validationMessage
- ElementInternals.validity
- ElementInternals.willValidate
Specifications
BCD data
- api.ElementInternals
- api.HTMLElement.attachInternals
- api.ElementInternals.checkValidity
- api.ElementInternals.form
- api.ElementInternals.labels
- api.ElementInternals.reportValidity
- api.ElementInternals.setFormValue
- api.ElementInternals.setValidity
- api.ElementInternals.validationMessage
- api.ElementInternals.validity
- api.ElementInternals.willValidate