文本区域显示在表外部

Question

我有一个表格，里面有两行表格。我想要第二行中全宽的文本区域。当我在文本区域周围使用<td></td>时，我无法将其设置为全宽。但是如果我删除它们，我可以，但文本区域位于表格上方。它为什么要这样做？是否需要具有<td></td>标签？

<table name='table1'>
<tr>
<td><input type='text' name='input1' placeholder='input1'></td>
<td><input type='text' name='input2' placeholder='input2' required></td>
<td><input type='text' name='input3' placeholder='input3' required></td>
<td><input type='text' name='input4' placeholder='input4' required></td>
</tr>
<tr>
<textarea id='text' name='text' rows='30' placeholder='Message'></textarea>
</tr>
</table>

解决方案：在文本区域周围添加<td colspan="4"></td>。有人评论了它，但它被删除了。

Answer 1

像这样使用它来使其为全宽

<table name='table1'>
<tr>
<td><input type='text' name='input1' placeholder='input1'></td>
<td><input type='text' name='input2' placeholder='input2' required></td>
<td><input type='text' name='input3' placeholder='input3' required></td>
<td><input type='text' name='input4' placeholder='input4' required></td>
</tr>
<tr>
<td colspan="4">
<textarea id='text' name='text' rows='30' placeholder='Message' style="width: 100%;"></textarea>
</td>
</tr>
</table>