<body>
<formaction=""method="post"name="loginform">
<table><tr><td>username :</td><td><inputtype="text"name="username"size="25"/><br/></td></tr><tr><td>password :</td><td><inputtype="password"name="password"size="25"/><br/></td></tr><tr><tdwidth="30%"><inputtype="button"name="but_LoginSubmit"onclick="login()"value='登录'/></td></tr></table></form></body>
表面上看,上面的用户名文本框与密码框应该是相同大小的,但实际的显示结果并非如此,但如果我们改用style来控制其属性,结果就不同了:
<body>
<form action="" method="post" name="loginform" >
<table>
<tr>
<td>username :</td>
<td><input type="text" name="username" style="width:200px"/><br /></td>
</tr>
<tr>
<td>password :</td>
<td><input type="password" name="password" style="width:200px"/><br /></td>
</tr>
<tr>
<td width="30%">
<input type="button" name="but_LoginSubmit" onclick="login()" value='登录'/>
</td>
</tr>
</table>
</form>
</body>
所以我们用加入style="width:200px"才能把长度统一。