<form method="post">
<table align="center">
<tr>
<td>
<b>Please choose club</b>
<select name="choice" valign="center">
<option value="Man Utd">
Man Utd
<option value="Liverpool">
Liverpool
<option value="Chelsea">
Chelsea
<option value="Arsenal">
Arsenal
<option value="Everton">
Everton
<option value="Aston Villa">
Aston Villa
<option value="Fulham">
Fulham
<option value="Tottenham">
Tottenham
<option value="West Ham">
West Ham
<option value="Man City">
Man City
<option value="Wigan">
Wigan
<option value="Stoke">
Stoke
<option value="Bolton">
Bolton
<option value="Portsmouth">
Portsmouth
<option value="Blackburn">
Blackburn
<option value="Sunderland">
Sunderland
<option value="Hull">
Hull
<option value="Newcastle">
Newcastle
<option value="Middlesbrough">
Middlesbrough
<option value="West Brom">
West Brom
</select>
</td>
</tr>
<tr>
<td align="r"> <b>Please enter played</b> <input type="text" name="played"
size="5" />
</td>
</tr>
<tr>
<td align="left" >
<b>win</b>
<input type="text" name="win" />
</td>
</tr> <tr>
<td align="left">
<b>draw</b>
<input type="text" name="draw" />
</td>
</tr> <tr>
<td align="left">
<b>lost</b>
<input type="text" name="lost" />
</td>
</tr> <tr>
<td align="left">
<b>goals</b>
<input type="text" name="goals" />
</td>
</tr>
<tr>
<td align="left">
<b>against</b>
<input type="text" name="against" />
</td>
</tr>
<tr>
<td align="left">
<b>win</b>
<input type="text" name="win" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="display" />
</td>
</tr>
</table>
</form>
就是想让输入框都垂直的对齐,输入框前面的文字长度如果不一样的话怎么对齐?

解决方案 »

  1.   

    把这些提示信息放到一个单元格中就可以了如:
                      <td>Please enter played</td>
                    <td>
                             <input type="text" name="played"  size="5" />
                        </td>
                    </tr>
                    <tr>
                        <td>win</td>
                        <td align="left" >
                                <input type="text" name="win" />
                        </td>
                    </tr>                <tr>
                        <td> draw</td>
                        <td align="left">
                            <input type="text" name="draw" />
                        </td>
                    </tr>            
                .....后面代码略