html - 如何让文本区域跨越表格的两列

Question

所以我正在学习一些 php 并发现我的 html 技能有点生疏。我试图让我的文本区域跨越两个表列。 W3schools 说我可以为 <th> 做一个 colspan标签，但没有看到 <td> 是否支持它.我考虑过将它分成两个表格相同的表格。似乎会有更简单的方法来做到这一点。我确实尝试过 td colspan"2"但它没有做任何事情

   echo '<form action="' . $_SERVER['PHP_SELF'] . '" method="post" id="crud_form">';
   echo '<table id="table_articles">';
   echo '<tr><td>Article Title:</td><td> <input type="text" name="art_title" /></td></tr>';
   echo '<tr><td>Author:</td><td> <input type="text" name="author" /></td></tr>';
   echo '<tr><td>Date Posted:</td><td> <input type="text" name="d_posted" /></td></tr>';
   echo '<tr><td>Article Text:</td></tr>';
   echo '<tr><td><textarea rows="10" columns="60" name="art_text" ></textarea></td></tr>';
   echo '<tr><td><input type="submit" name="submit_art" value="Submit" /></td></tr>';
   echo '</table>';
   echo '</form>';

CSS

   #crud_form
   {
   color:red;
   position:absolute;
   left:300px;
   top:200px;
   border-style:outset;
   border-width:5px;
   border-color:red;
   background-color:#cccccc;
   }

   #table_articles
   {
   color:red;
   width:450px;
   height:300px;
   }

想法？感谢您的帮助。

Answer 1

<td colspan="2">...</td>绝对正确。

<table border="1">
    <tr>
        <td>Column 1</td>
        <td>Column 2</td>
    </tr>
    <tr>
        <td colspan="2"><textarea style="width: 100%;" /></td>
    </tr>
</table>

http://jsfiddle.net/uZuhp/