限制td之间的空间

时间:2012-07-22 19:29:40

标签: javascript html css forms

这是我的form

正如您所看到的,信息左侧和右侧(输入)之间有很多空间。我如何限制这个空间?

<html><head><title>Create a League</title></head>

<body>

<center><h1>Create a League</h1></center>

<form action="" method="POST">

 <table cellpadding="0" border="0">
   <tr><td >League Name </td>
     <td> <input name="LeagueName" type="text"> </td>
   </tr>
   <tr><td>Number of Members </td>
     <td><input name="Members" type="text"></td>
   </tr>
   <tr><td>League Password </td>
     <td><input name="LeaguePassword" type="password"></td>
   </tr>
   <tr>
     <td colspan=><input name="Agreement" type="checkbox" value="1"> I agree with the terms of service</td>
   </tr>
   <tr>
     <td colspan=""><input type="submit" value="Register" name="action">
     <input type="reset"  value="Reset"></td>
   </tr>
 </table>
</form>


</body>
</html>

1 个答案:

答案 0 :(得分:5)

修改单元格的colspan,其中复选框的位置为 colspan = 2 ,因为没有它,带有标签的整个复选框被放置在左列内。在更改之后,它将通过两个列传播,因此带有标签的左侧列不会是那么宽。

<td colspan=2><input name="Agreement" type="checkbox" value="1"> I agree with the terms of service</td>