0

以下のコードを使用して html でフォームを作成していますが、出力が整列していません。見出しと要素の間にはスペースが挿入されます。

ここに画像の説明を入力

 [<h2>Update the Transaction Details</h2>       
        <table>
                <tr>
                <h4><td>Transaction Date:</h4></td> <td><input type="text" name="transactiondate" class="tcal" /></td></tr> <br><br>
                <tr><td><h4>Category:</h4></td> <td><select name="category" id="category">
                        <option selected="selected" disabled="disabled"></option>
                            <option value="Electricity">Electricity</option>
                            <option value="Food">Food</option>                  
                            <option value="Others">Others</option>
                        </select></td></tr> <br><br>
                <tr><td><h4>Amount:</h4></td> <td>$<input type="text" name="amount" /></td></tr> <br><br>
                <tr><td><h4>Mode of Payment:</h4></td> <td><input type="radio" name="modeofpayment" value="debit"><h5>Debit</h5></td>
                                <td><input type="radio" name="modeofpayment" value="credit"><h5>Credit</h5> </td></tr> <br><br>
                <tr><td><h4>Comments:</h4></td> <td><input type="text" name="comments" /></td></tr> <br><br>
              <tr><td><input type="submit" name="update" value="Update" /></td></tr>
              </tr></table>
4

2 に答える 2

0

最初の H4 タグが間違った場所で開かれています。

<h4><td>Transaction Date:</h4></td>

する必要があります

<td><h4>Transaction Date:</h4></td>

コードをテストするためにjsfiddleを作成しました:http://jsfiddle.net/qLgCX/

スペースは、実際には、
行間に配置した多くのタグによるものです。それはテーブルのレイアウト方法ではありません。

于 2013-05-20T20:20:36.887 に答える