HTML5拖放格式

我环顾了一下四周，我想知道这是HTML5拖放的可能

我想有3个区域，一个区域有男孩的图片，一个区域有女孩的图片，还有一个区域我可以把一个男孩和一个女孩拖进去。一旦有两个人被拖进这个区域，然后按下提交按钮，它将其视为一个表单，并通过一个要处理的男孩和女孩的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部分？

我认为您可以通过jQuery的submit实现这一点

你能把这一点再详细一点吗？我不确定你的意思。在你删除了你正在拖动的内容之后，你可以用jquery（

$（'#field'）.val（'value'）；

）更改表单的值，并在

$（'#表单'）.submit（）之后立即提交完整的表单