<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"才能把長度統一。