关于html表格的分组

关于html表格的分组,第1张

这几个标签分别是<thead></thead>:表头标签 <tbody></tbody>:表格主题标签<tfoot></tfoot>尾注标签,他们组成了html文档的表格按行分组。其中尾注标签很少用。<thead>

标签是成对出现的,其标签内是由表头标签标识的表头元素。<tbody>标签用于规定表格主体部分的元素,可多次出现。<thead></thead> 和 <tbody></tbody>标签的属性和<th></th>和<td></td>标签是一样的

checkbox分组,其实就是name属性取一样的名字而已,如果视觉上想加个框框起来,就用<fieldset>标签,如下:

<fieldset>

    <legend>爱好</legend>

    <input type="checkbox" name="favoirte"  value="ball">打球

    <input type="checkbox" name="favoirte"  value="swim">游泳

    <input type="checkbox" name="favoirte"  value="sing">唱歌

</fieldset>

tbody 是在 table中使用:

带有 thead、tbody 以及 tfoot 元素的 HTML 表格:

<table border="1">

<thead>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

</thead>

<tfoot>

<tr>

<td>Sum</td>

<td>$180</td>

</tr>

</tfoot>

<tbody>

<tr>

<td>January</td>

<td>$100</td>

</tr>

<tr>

<td>February</td>

<td>$80</td>

</tr>

</tbody>

</table>

1、<tbody>标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。

2、tbody 元素应该与 thead 和 tfoot 元素结合起来使用。

thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

3、注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

4 、提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

5、详细描述

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zaji/7274782.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存