html表单的放置/对齐问题？

Question

I have a form which looks like this

<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>

All of the fileds inside the form are in a table. The problem I am facing is that, the submit button, rather than coming at the bottom, is coming at the top.

Could somebody please point out what I am doing wrong?

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>