限制td之间的空间

Joh*_*Doe 0 html javascript css forms

这是我的表格

如您所见,信息左侧和右侧(输入)之间有很多空间.我如何限制这个空间?

<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>
Run Code Online (Sandbox Code Playgroud)

小智 5

将复选框所在的单元格的colspan修改为colspan = 2,因为如果没有它,带有标签的整个复选框将放在左列内.在更改之后,它将通过两个列传播,因此带有标签的左侧列不必是那么宽.

<td colspan=2><input name="Agreement" type="checkbox" value="1"> I agree with the terms of service</td>
Run Code Online (Sandbox Code Playgroud)