Web组件可以用于创建自定义输入元素吗？

Question

它是如何/(或仅仅是"它？")可以创建一个Web组件,可以放在一个表单中,并像任何输入元素一样,在提交时发送到服务器？换句话说,Web组件可以用于创建自定义输入元素吗？

Answer 1

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

• 铬: 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'
  });

参考

• 扩展本机元素
• HTML作为自定义元素
• 扩展自定义元素
• 创建自定义HTML元素
• x-tag和Web组件系列
• 性能和自定义元素
• Mozilla:自定义元素
• 自定义元素的详细介绍
• Web组件:Chromium项目
• Web组件最佳实践
• 组件模型Wiki
• Web组件提议:类型扩展