ElementInternals: свойство form
Базовая версия 2023
Новое
С марта 2023 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на более старых устройствах или браузерах.
Свойство form только для чтения интерфейса ElementInternals возвращает HTMLFormElement, связанный с этим элементом.
Значение
Объект HTMLFormElement.
Примеры
В следующем примере показан пользовательский компонент типа checkbox внутри формы с идентификатором myForm. Вывод form.length в консоль даст нам значение HTMLFormElement.length.
<form id="myForm"> <custom-checkbox id="custom-checkbox"></custom-checkbox> <custom-label for="custom-checkbox">Join newsletter</custom-label> </form>
class CustomCheckbox extends HTMLElement {
static formAssociated = true;
#internals;
constructor() {
super();
this.#internals = this.attachInternals();
}
connectedCallback() {
console.log(this.#internals.form.length);
}
}
window.customElements.define("custom-checkbox", CustomCheckbox);
Спецификации
| Спецификация |
|---|
| HTML # dom-elementinternals-form |
Совместимость с браузерами
| Рабочие столы | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
form |
77 | 79 | 98 | 64 | 16.4 | 77 | 98 | 55 | 16.4 | 12.0 | 77 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form