HTML5 drag drop как форма

Question

У меня был взгляд вокруг, и мне интересно, что это возможно с перетаскиванием HTML5.

Я хочу иметь 3 раздела, 1 раздел с изображениями парней, например, 1 раздел с изображениями девушек и 1 раздел, в который я могу перетащить 1 парня и 1 девушку. Когда два человека перетащили в этот раздел, нажата кнопка отправки, и она обрабатывает ее как форму и передает идентификатор парня и идентификатор девушки, которую нужно обработать.

Мой 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 ли идентификатор быть местом, где я мог бы установить идентификатор для изображения?
Как включить форму в div1?

Answer 1

Я думаю, вы можете сделать это с помощью jQuery's submit. http://api.jquery.com/submit/