Html 文本区域显示在表外

我有一张有两排桌子的桌子。我想在第二行有一个全宽的文本区域。当我在文本区域周围使用

时，我无法使其达到全宽。但是，如果我删除它们，我可以，但是文本区域位于表格上方。为什么会这样？是否需要有

标签

---

像这样使用它，使其成为全宽

<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>