HTML5のドラッグアンドドロップでこれが可能であると思っています。
たとえば、男性の画像を含む 1 つのセクション、女の子の画像を含む 1 つのセクション、および 1 人の男性と 1 人の女性をドラッグできる 1 つのセクションの 3 つのセクションが必要です。2 人がこのセクションにドラッグされると、送信ボタンが押され、フォームのように扱われ、男性の 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 パーツに組み込むにはどうすればよいですか?