使用表格</form>的HTML <form>元素

Question

我正在尝试在html 中创建一组元素（是的，仅在HTML中!!!我还试图不应用CSS，为此!!!）表单使用表，在命名的2.披萨订单详细信息下，您可以在此处看到：

现在我被困在披萨类型元素上。我想让比萨饼类型的冒号（：）在两者之间排列（但在！之后）＆＃34;＆的类型＃34; 和＆＃34;披萨＆＃34; ，就像在屏幕截图01中一样，但我得到了这个：

披萨的冒号（：）直接出现在披萨之后。 我不想要这个。我需要将其放置在Screenshot01中。

这是我制作的代码：

<fieldset>
<legend>2. Pizza Order Details:</legend>
<table style="width:860px">
<tr>
<td align="right">Type of&nbsp;&nbsp;<br>Pizza :</td>
<td>
<select>
<option value=""></option>
<option value="Hawaiian Chicken">Hawaiian Chicken</option>
<option value="Cheese Deluxe">Cheese Deluxe</option>
<option value="Chicken Pepperoni">Chicken Pepperoni</option>
<option value="BBQ Chicken">BBQ Chicken</option>
<option value="Super Supreme">Super Supreme</option>
</select>
</td>
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Quantity :</td>
<td><input size="3" placeholder="0" type="text"></td>   
</tr>
<tr>
<td align="right">Size :</td>
<td>
<input type="radio" name="size">Small
<input type="radio" name="size">Medium
<input type="radio" name="size">Big
</td>   
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Topping :</td>
<td>
<input type="checkbox" name="topping" value="Cheese">Cheese
<input type="checkbox" name="topping" value="Pepperoni">Pepperoni
<input type="checkbox" name="topping" value="Sausages">Sausages
<input type="checkbox" name="topping" value="Olives">Olives
</td>   
</tr>
<tr>
<td align="right">Date :</td>
<td><input size="12" placeholder="dd/mm/yyyy" type="text"></td> 
<td style="width:1px" align="left"><strong>|</strong></td>
<td style="width:70px" align="right">Time :</td>
<td><input size="7" placeholder="hh/mm" type="text"></td>   
</tr>
</table>
</fieldset>

请指出我的错误或我在这里失踪了什么？谢谢！

Answer 1

您的方法是错误的，因为您正在使用<br>，这将打破这一行，:将相应地出现。

您可以使用<td align="right">Type of Pizza :</td>。 这将在一行上显示标签，这是非常好的方法。