html - HTML5 拖放作为表单

Question

我环顾四周，我想知道这可以通过 HTML5 拖放实现。

我想要 3 个部分，例如 1 个包含男性图像的部分，1 个包含女孩图像的部分，以及 1 个可以将 1 个男人和 1 个女孩拖入的部分。一旦两个人被拖入此部分，然后按下提交按钮，它会将其视为表单并传递要处理的男孩的 ID 和女孩的 ID。

我的 HTML 看起来像这样

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="guy.jpg" draggable="true" ondragstart="drag(event)" width="200" height="200">
<img id="drag2" src="girl.jpg" draggable="true" ondragstart="drag(event)" width="200" height="200">

img id 是我可以为图像设置 ID 的地方吗？
如何将表单合并到 div1 部分？

Answer 1

我认为你可以用 jQuery 的提交来做到这一点。http://api.jquery.com/submit/