Можно ли использовать веб-компоненты для создания пользовательских элементов ввода?

Как это/(или просто "это?" ) можно создать веб-компонент, который можно поместить внутри формы и действовать так же, как любой элемент ввода, отправленный на сервер при отправке? Другими словами, можно ли использовать веб-компоненты для создания пользовательских элементов ввода?

Ответы

Ответ 1

Перед тестированием используйте следующие параметры конфигурации браузера:

  • Chrome: about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platform
  • Firefox: about:config => dom.registercomponents.enabled

чтобы включить document.registerElement.

Используйте параметр extends document.registerElement, чтобы расширить собственный элемент ввода:

/* Cross-browser fallback */
document.registerElement = document.registerElement || document.register;
/* Element registration using x-tag format */
var MegaButton = document.registerElement('x-button', {
  prototype: Object.create(HTMLButtonElement.prototype),
  extends: 'button'
  });

Ссылки