1

各行にフォームが含まれている次のテーブル コードがあります。私の問題は、入力と送信がある一番下の行が、一番上のテーブル行の上にあることです。理由がわかりません。誰かが助けて、一番下の行が一番上に行く理由を説明してもらえますか?

<table id="bet_table" width=800px cellspacing=0 cellpadding=1 border-width=1px>
    <tr bgcolor="BF1919" style="color:#fff; font-weight:bold;">
        <td><center>Time</center></td>
        <td><center>Game #</center></td>
        <td><center>Teams</center></td>
        <td><center>Run Line</center></td>
        <td><center>Money Line</center></td>
        <td><center>Total Runs</center></td>
    </tr>
    <tr bgcolor="#F0F0F0">
        <td colspan=6><center><strong>August 28, 2012</strong></center></td>
    </tr>
    <tr bgcolor="#fff">
        <form action="mlb.php?action=update&gameid=" method="post" />
        <td width="130px"><center><input type="text" size="4" name="time" value="7:00" />
        <select name="ampm">
            <option value="AM">A.M.
            <option value="PM">P.M.
        </select></center></td>
        <td width="60px"><center>306</center></td>
        <td>Los Angeles Dodgers<br />Los Angeles Angels</td>
        <td width="150px"><center>                          
        <select name="runline1frac">
            <option value="-1/2">-1&frac12;
            <option value="+1/2">+1&frac12;
        </select> &nbsp; <input type="text" size="4" name="runline1value" value="+120" /><br />
        <select name="runline2frac">
            <option value="-1/2">-1&frac12;
            <option value="+1/2">+1&frac12;
        </select> &nbsp; <input type="text" size="4" name="runline2value" value="-182" /></center></td>
        <td width="80px"><center><input type="text" size="4" name="moneyline1value" value="-132" /><br /><input type="text" size="4" name="moneyline2value" value="+132" /></center></td>
        <td align=right>Total Runs: <input type="text" size="3" name="totalruns" value="6" /> &nbsp; OV &nbsp; <input type="text" size="4" name="totalrunsOvalue" value="-178" /><br />UN &nbsp; <input type="text" size="4" name="totalrunsUvalue" value="+123" /></td>
    </tr>
    <tr colspan=6>
        <center>
            <input type="submit" value="Update" />
            </form>
        </center>
    </tr>
</table>
4

2 に答える 2

1

コードを貼り付けて、ここで修正しました。

http://jsfiddle.net/5nNxB/

あなたの最後<tr>は持っていませんでした<td>。右に追加しましたcolspan。

ちなみに、コードはあまりクリーンではありません。<form>タグを中央にランダムに挿入するのではなく、テーブル全体をラップします。また、インラインスタイルや属性bgcolorなどを使用しないようにしてください。

于 2012-09-06T05:42:48.870 に答える
0

コードの下部:

<tr colspan=6>
    <center>
       <input type="submit" value="Update" />
       </form>
    </center>
</tr>

次のようにする必要があります。

<tr>
    <td colspan=6>
        <center>
           <input type="submit" value="Update" />
           </form>
        </center>
    </td>
</tr>

formタグも間違って配置されています

于 2012-09-06T05:50:22.380 に答える