Using tables for form layout

Now, we will take a quick look at using HTML tables for the layout of forms. We will look at the following HTML table elements:

• table
• tr
• td

table

The table element is used to create a table structure in HTML composed of columns and rows. To create a table, you first need to do this:

<table>
  … rows and columns will go here
</table>

tr

Then, we need the tr element to create a row for the table:

<table>
  <tr>
  … column will go here
  </tr>
</table>

td

Then, we need the td element to create a column for the table:

<table>
  <tr>
    <td>content here</td>
  </tr>
</table>

A table-based form layout

Now, let’s combine using a table for layout with a basic form, as we saw in a previous example in this chapter:

<p>Do you like HTML...