html表單的放置/對齊問題？

Question

我有一個看起來像這樣的表格

<form method=post action=index.php>

<table>
<tr>
        <td>Character Name</td>
        <td><input type="text" id="cname" name="cname"></input></td>
</tr>
<tr>
        <td>Race</td>
        <td><input type="text" id="race" name="race"></input></td>
</tr>
<tr>
        <td>Side</td>
        <td>  <input type="radio" name="side" value="1"> Good</input>
                  <input type="radio" name="side" value="2"> Bad</input>
        </td>
</tr>
<tr>
        <input id="step" name="step" type="hidden" value="5"></input>
        <input type="submit" value="submit"></input>
</tr>
</table>
</form>
</body>

表格中的所有文件都在一個表中。 我面臨的問題是，提交按鈕而不是位於底部，而是位於頂部。

有人可以指出我做錯了嗎？

Answer 1

<form method="post" action="index.php">
<table>
    <tr>
            <td>Character Name</td>
            <td><input type="text" id="cname" name="cname"/></td>
    </tr>
    <tr>
            <td>Race</td>
            <td><input type="text" id="race" name="race" /></td>
    </tr>
    <tr>
            <td>Side</td>
            <td>  
                <input type="radio" name="side" value="1" /> Good
                <input type="radio" name="side" value="2" /> Bad
            </td>
    </tr>
    <tr>
            <td>
                <input id="step" name="step" type="hidden" value="5" />
                <input type="submit" value="submit"/>
            </td>
    </tr>
</table>