javascript - multipart/form-data 送信ボタンの再配置

Question

私は次の構造を持っています：

<form id="the_form" method='post' enctype="multipart/form-data">
    <table id="1">blabla</table>
    <table id="2">blabla
    <input type='submit' name='submit' />
    </table>
</form>
<table id="3'>
    <form>here are a couple of subforms</form>
</table>

視覚的には、この構造を実現したいと思います:

<form id="the_form" method='post' enctype="multipart/form-data">
    <table id="1">blabla</table>
    <table id="2">blabla
    </table>
</form>
<table id="3>
    <form>here are a couple of subforms</form>
    <input type='submit' name='submit' />
</table>

フォームの構造を変更することはできません。入力をnoscriptに入れて、フォームを送信するリンクを作成しようとしましたが、フォームがマルチパート/フォームデータであるため、これは機能しないと思います。では、どうすればこれを解決できますか？テーブル 2 を 3 の下に配置する css の方法を知っている人はいますか (テーブル 3 の高さは固定されていません。javascript でこれを修正するのは面倒なので、誰かがより良い解決策を持っていることを願っています)。または、これを行うためのjavascript/jqueryの方法はありますか? それとも私はこれを考えすぎていますか？簡単な解決策はありますか？

乾杯、 アドナン