使用html表单放置/对齐问题?

时间:2016-02-17 15:02:30

标签: html

我有一个看起来像这样的表格

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

表单中的所有文件都在表中。我面临的问题是,提交按钮,而不是在底部,位于顶部。enter image description here

有人可以指出我做错了吗?

1 个答案:

答案 0 :(得分:0)

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