11

如何/(或只是“是吗?”)创建一个 Web 组件,该组件可以放置在表单中并充当任何输入元素,在提交时发送到服务器?换句话说,可以使用 Web Components 来创建自定义输入元素吗?

4

1 回答 1

6

测试前使用以下浏览器配置选项:

  • 铬合金:about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platform
  • 火狐: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'
  });

参考

于 2014-04-14T23:23:18.883 回答