Question

所以我正在学习一些php，发现我的html技能有点生疏了。我正试图让我的textarea跨越两个表列。 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/

Answer 2

你绝对应该能够做到

<td colspan="2">

Answer 3

你应该可以使用：

<table>
<tr>
    <td colspan="2"><textarea /></td>
</tr>
<tr>
    <td></td>
    <td></td>
</table>

编辑：我认为你不能用CSS做到这一点。

Answer 4

您需要使用CSS使文本区域占据分配给td标记的所有宽度，例如：

Hibernate: select language0_.id as id1_9_0_, language0_.created_date as created_2_9_0_, language0_.image as image3_9_0_, language0_.language as language4_9_0_, language0_.nickname as nickname5_9_0_, language0_.remark as remark6_9_0_, language0_.status as status7_9_0_, language0_.updated_date as updated_8_9_0_ from db.language language0_ where language0_.id=?
Hibernate: delete from db.language where id=?

com.mysql.jdbc.exceptions.jdbc4.MySQLIntegrityConstraintViolationException: Cannot delete or update a parent row: a foreign key constraint fails (`db`.`movie`, CONSTRAINT `fk_movie_language` FOREIGN KEY (`language_id`) REFERENCES `language` (`id`) ON DELETE NO ACTION ON UPDATE NO ACTION)

Answer 5

<td colspan="2">...</td>

这不起作用吗？

如何让textarea跨越表的两列

5 个答案: