Question

我正在http://blog.sethladd.com/2013/09/forms-http-servers-and-polymer-with-dart.html

阅读Seth Ladd的博客

假设我添加了另一个表单组件（Form2），重复步骤3和4，然后在步骤5中导入Form2。所以步骤5应该类似于下面的代码：

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Sample app</title>
    <link rel="stylesheet" href="parse_form_submit.css">
    <link rel="import" href="person_form.html">
    <script src="packages/polymer/boot.js"></script>
 </head>
 <body>
   <h1>Forms</h1>

<!-- Due to a bug in polymer, we can't use custom attributes.
     See https://code.google.com/p/dart/issues/detail?id=12262
     <person-form action="http://localhost:8888/submit"></person-form>
-->

<!-- in the meantime -->
    <person-form></person-form>
    <form-2><form-2>

  </body>
</html>

我现在应该在哪里放置“提交”按钮 - 在其中一个表单中或在导入表单的父表单中？在任何一种情况下，如果单击提交按钮，如何通过htnl5进行自动验证等？对于包含标签内部自己的提交按钮的单个表单，一切正常，但当提交按钮放置在标签外部时则不然。

由于

Answer 1

假设person-form和form-2都是封装形式，每个都有自己的提交按钮。

我认为<form>标记不会在Shadow DOM中看到自定义元素中的字段。所以最好把它想象成：

my-special-form extends form

也就是说，创建一个自定义元素，它本身就是一个完全封装的形式。

让HTML5在Form中使用多个聚合物 - 飞镖组件

1 个答案: