表单内的表 - 垂直放置元素而不是水平放置

Question

我正在进行一项任务，其中所需的输出类似于：

我被告知要使用表来执行此操作。

我的（尚未应用任何CSS）看起来像：

我的代码如下所示：

        <table>
        <tr>
            <td>
                <table border="0">

                    <td>
                        <select name="Continent">
                            <option value="North America">North America</option>
                            <option value="South America">South America</option>
                            <option value="Asia">Asia</option>
                        </select>
                    </td>
                    <td>
                        <select name="Country">
                            <option value="Canada">Canada</option>
                            <option value="Other">Other</option>
                        </select>
                    </td>
                    <td>
                        <select name="City">
                            <option value="Ottawa">Ottawa</option>
                            <option value="New York">New York</option>
                            <option value="Sydney">Sydney</option>
                        </select>
                    </td>
                </table>
            </td>
            <td>
                <table>
                    <td>Checkboxes</td>
                </table>
            </td>

        </tr>
    </table>

所以我想我的问题是：如何让下拉列表垂直堆叠？我已经尝试将它们放在自己的<tr>元素中，但这没有任何作用，它只是略微改变它们之间的间距。

我是否需要在表格中使用两个表格来实现两个表格？

这是在CSS中完成的，还是我必须首先在html中使用它？

Answer 1

你是说这个意思吗？

<table border="1px solid">
<tr>
<td><select name="Continent">
<option value="North America">North America</option>
<option value="South America">South America</option>
<option value="Asia">Asia</option>
</select></td>
<td rowspan="3">Chexbox</td>
</tr>
<tr>
<td><select name="Country">
<option value="Canada">Canada</option>
<option value="Other">Other</option>
</select></td>
</tr>
<tr>
<td><select name="City">
<option value="Ottawa">Ottawa</option>
<option value="New York">New York</option>
<option value="Sydney">Sydney</option>
</select></td>
</tr>
</table>