形式之外的表單元素

Question

這就是我需要的：

<form>
   input field
   <form>
       input field
       submit
   </form>
   input field
   input field
   <form>
       input field
       submit
   </form>
   submit
</form>

我需要表單中的表單，因為我使用transloadit將文件上傳到我的亞馬遜桶。他們的工作方式如下：

<form id="MyForm" action="http://example.org/upload" enctype="multipart/form-data" method="POST">
  <input type="file" name="my_file" />
  <input type="submit" value="Upload">
</form>

所以我需要一個表單元素的整體表單來提交，其他表單以不同的方式提交。 但我不能在表格中放置表格。我怎么能這樣做？

Answer 1

您不能在表單中擁有表單 。

如果你需要觸發“formlet”提交（比如你的transloadit示例），我建議你使用Javascript，盡管我猜測Transloadit有一個機制來做任何你正在嘗試的事情（如果你在你的問題我可以建議一個具體的方法）。

Answer 2

您可以使用form屬性指定輸入所屬的表單。 例如：

  <form id="form2" action="/download.html"  method="POST"></form>
  <form id="form1" action="/upload.html" method="POST">

    <input type="file" name="my_file" form="form1" />
    <input type="submit" value="Upload" form="form1">


    <input type="text" name="my_file" form="form2" />
    <input type="submit" value="Download" form="form2">

  </form>

這應該適用於您的問題，但所有瀏覽器都不支持表單屬性，您實際上不能將表單元素嵌套在彼此內部。 像Chrome這樣的瀏覽器將刪除子表單元素，這就是為什么第二個表單元素在第一個表單元素之外但您可以將所有字段放在一個表單元素中。

在此處閱讀有關表單屬性的更多信息： http ： //www.impressivewebs.com/html5-form-attribute/

不要通過判斷，但是，盡管我發現這很有趣，但這是一件非常奇怪的事情。