代码之家 › 专栏 › 技术社区 › Lars C. Magnusson

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

sample web-component submit input

Lars C. Magnusson · 技术社区 · 11 年前

如何创建一个可以放置在表单中并充当任何输入元素的Web组件,并在提交时发送到服务器?换句话说,Web组件可以用来创建自定义输入元素吗?

1 回复 | 直到 6 年前

Paul Sweatte 9 年前

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

铬: about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platform
火狐浏览器: about:config => dom.registercomponents.enabled

启用 document.registerElement .

使用 extends 的参数 document.register元素 为了扩展本机输入元素:

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

工具书类

推荐文章

Vladimir JovanoviÄ · 嵌套web组件并将其与常规HTML混合

7 年前

mcv · Web组件在IE11和Edge中实际可用吗?

7 年前

Ole · 角度5组件是否需要选择器中的“-”?

7 年前

mcv · 如何解耦Web组件?

7 年前

VSO · 从另一个网站导入<template>元素

7 年前

Adrian Moisa · 在构建单页应用程序(大规模)时,我应该使用网页包还是仅使用html导入

7 年前

miushock · 如何从DOM错误事件中获取详细消息

7 年前

Olof · 嵌套web组件和事件传播

7 年前

rakitin · 自定义组件-如何克隆定义为js字符串文字的html模板?

7 年前

Amanshu Kataria · 如何覆盖聚合物2中组件的功能?

7 年前