HTML and CSS Reference
In-Depth Information
<tr valign=top >
<td align=right>Income:</td>
<td align=left>
<select name=income size=1>
<option>Under $25,000
<option>$25,001 to $50,000
<option>$50,001 and higher
</select>
</td>
</tr>
<tr valign=top>
<td colspan=2 align=center>
<input type=submit value="Submit Query">
</td>
</tr>
</table>
</form>
Notice in the resulting rendered form, shown in
Figure 9-10
, that the
table has placed each input element in its own row. The
align
attributes
in the table cells force the labels to the right and the elements to the
left, creating a vertical margin through the form. By spanning the cell in
the last row, the submission button is centered with respect to the entire
form. In general, using tables in this manner makes form layout much
easier and more consistent throughout your documents. If you find this
example at all difficult, see
Chapter 10
,
which explains in detail all the
glories of tables.
