0

これは私が必要なものです：

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

Transloadit を使用してファイルを Amazon バケットにアップロードするため、フォームにフォームが必要です。これらは次のように機能します。

<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>

したがって、送信するフォーム要素を含む全体的なフォームが必要であり、他のフォームは別の方法で送信します。しかし、フォームにフォームを配置することはできません..どうすればこれを行うことができますか?

4

2 に答える 2

2

フォーム内にフォームを含めることはできません。

「フォームレット」送信をトリガーする必要がある場合 (transloadit の例のように)、Javascript を使用して行うことをお勧めしますが、Transloadit には、試みていることを何でも実行するためのメカニズムがあると思います (特定のアプローチを提案できるかもしれません)。

于 2013-10-28T22:18:53.597 に答える
0

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 などのブラウザは子フォーム要素を削除します。そのため、2 番目のフォーム要素は最初のフォーム要素の外にありますが、すべてのフィールドを 1 つのフォーム要素に入れることができます。

フォーム属性について詳しくは、http: //www.impressivewebs.com/html5-form-attribute/をご覧ください。

判断を下すためではありませんが、これは興味深いと思いましたが、これは非常に奇妙なことです。

于 2014-12-05T15:07:35.130 に答える