我已经浏览了一下，我想知道这可以通过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部分？