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

如何/（或仅仅“是吗？”）创建一个Web组件，该组件可以放置在表单中，并充当提交时发送到服务器的任何输入元素？换句话说，可以使用Web组件创建自定义输入元素吗？

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

• Chrome:

  about:flags=>启用实验性WebKit功能/启用实验性Web平台

• Firefox:

  about:config=>dom.registercomponents.enabled

要启用

文档.注册表项

使用

document.registerement

的

extends

参数扩展本机输入元素：

/* 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'
  });

参考资料

---

。我错过什么了吗？我已经仔细检查了是否已将“启用实验性Web平台功能”设置为已启用。@zzzzBov感谢您的提醒。我必须让它在Firefox中工作，并找到使用样式表规则来定义自定义标记的显示属性的方法。要明确的是，我在自定义元素方面遇到的问题似乎不是注册、渲染或样式设置。当它们应该表示表单数据时，事情就不起作用了。我还没有看到一个示例，其中可以注册自定义元素，以便将其作为表单的一部分提交，或者单击以提交表单。@zzbov此处相同。我让这个例子为a工作，为了它的价值。其中设置了要使用的

元素。我会使用

元素，但它们的影子dom似乎无法被覆盖。Google使用Polymer创建的自定义输入元素示例：