Html 如何在表中实现colspan

我是这个网站的新手，所以我会尽可能清楚地解释我的情况

我目前正在尝试创建一个HTML表单，其中包含4个输入字段和一个包含在表中的textarea

我试图将我的textarea设置为覆盖表中的两行，因此我使用了

colspan

标记。虽然这似乎不起作用（见图），而且当我在CSS文件中更改textarea高度时，输入字段被进一步推到右侧，我不确定为什么

我的表单HTML代码：

<table style='width:100%'>
   <tr>
      <th><input type='text' name='name' required placeholder='Name' />
      <th> 
      <th><input type='text' name='email' required placeholder='Email' /></th>
   </tr>
   <tr>
      <th><input type='text' name='mobile' required placeholder='Mobile'/>
      <th> 
      <th><input type='text' name='subject' required placeholder='subject' /></th>
   </tr>
   <tr>
      <th colspan='2'> <textarea></textarea></th>
   </tr>
</table>

我的实际结果：

---

您不小心创建了一个新的表头单元格（

在第4行），而没有关闭第一个单元格（

）

这应该会引发以下问题：

使用HTML浏览器将创建一个包含3列而不是2列的表。最后一个单元格将跨越这3列中的2列

这是一个HTML已修复的示例：