formの入れ子の回避方法
アドバイス下さい。
<form method="post" name="addForm" id="addForm" action="aaa.php">
<input type="text" name="textA" id="textA">
<form method="post" name="uploadFormA" id="uploadFormA" enctype="multipart/form-data" action="aaa.php">
<input type="text" name="text1" id="text1">
<input type="file" name="upload_fileA" id="upload_fileA">
<input type="button" value="アップロード">
</form>
<form method="post" name="uploadFormB" id="uploadFormB" enctype="multipart/form-data" action="aaa.php">
<input type="text" name="text2" id="text2">
<input type="file" name="upload_fileB" id="upload_fileB">
<input type="button" value="アップロード">
</form>
<form method="post" name="uploadFormC" id="uploadFormC" enctype="multipart/form-data" action="aaa.php">
<input type="text" name="text3" id="text3">
<input type="file" name="upload_fileC" id="upload_fileC">
<input type="button" value="アップロード">
</form>
<input type="text" name="textB" id="textB">
<input type="submit" value="送信">
</form>
のような、formが入れ子になってしまっているformがあります。
これを回避する方法を教えていただきたいです。
条件としては、
・見た目はこの順番がいい。
・javascript、CSS等なんでも良いです。
・各「アップロード」ボタンで、text1,2,3,4、upload_fileA,B,C,Dを送信、「送信」ボタンでtextA,Bを送信したい。
以上、お願いいたします。
