カスタム入力要素の作成にWebコンポーネントを使用できますか？

Question

フォームの中に置くことができ、サブミット時にサーバーに送信される入力要素と同じように動作するWebコンポーネントを作成するにはどうすればよいのですか？つまり、Webコンポーネントを使用してカスタム入力要素を作成できますか？

Answer 1

試験前に、以下のブラウザの設定オプションを使用しますdocument.registerElementを有効にするには、about:config => dom.registercomponents.enabled

：

• クローム：about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platform
• のFirefoxを。

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

  参照

  • Extending Native Elements
  • HTML as Custom Elements
  • Extending Custom Elements
  ：

  ネイティブ入力要素を拡張するdocument.registerElementのextendsパラメータを使用します

  • Create Custom HTML Elements
  • x-tag and the Web Components Family
  • Performance and Custom Elements
  • Mozilla: Custom Elements
  • Detailed Introduction to Custom Elements
  • Web Components: The Chromium Projects
  • Web Components Best Practices
  • Component Model Wiki
  • Web Component Proposals: Type Extensions