如何在表中实现colspan
如何在表中实现colspan
提问于 2015-10-03 16:23:39
我是这个网站的新手，所以我会尽我所能解释清楚我的情况！
我目前正在尝试创建一个HTML表单，其中包含4个输入字段和一个包含在表中的文本区域。
我正在尝试将我的textarea设置为覆盖表中的2行，因此我使用了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>我的实际结果：见截图
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-10-03 16:38:51
您意外地创建了一个新的表头单元格(第4行中的<th>)，而不是关闭第一个表头单元格(</th>)。
这应该引起我们的注意：https://jsfiddle.net/odvnLy52/1/
使用HTML，浏览器将创建一个包含3列而不是2列的表。最后一个单元格将跨越这3列中的2列。
这是一个使用HTML：https://jsfiddle.net/odvnLy52/的示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32924777
复制相关文章
相似问题
腾讯云开发者
