0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > html工作中表格<tbody>标签的使用技巧

html工作中表格<tbody>标签的使用技巧
热门标签：广州防封电销机器人厂家 南通电销外呼系统软件 智能语音电销机器人客户端 上海400电话办理到易号网 常州电话外呼系统招商 山东电销机器人软件 洛阳防封卡外呼系统厂家 申请400电话移动 成都企业外呼系统
在做页面的时候，经常要根据不同的操作来显示或隐藏一个表格中的部分内容，隐藏一行直接用tr>标签，隐藏多行时用tbody>就很方便。
table>
tbody id="content1">
tr>td>表单内容/td>/tr>
/tbody>
tbody id="content2" style="display:none">
tr>td>多行内容/td>/tr>
tr>td>多行内容/td>/tr>
/tbody>
/table>
用js来控制样式display来显示和隐藏，很方便。听说这样还可以控制网页加载时显示的顺序，content1会比content2先显示，而不是等表格加载完后一起显示，没有实验过，在表格数据很多时会有作用。

使用过程中发现tbody>不能嵌套使用，会出现莫名的问题,tbody>是用来定义表格主体的，定义多个主体不说，主体里再来个主体确实不符合W3C对其的定义，像下面这样使用看起来好像没错，但实际上是有错误的。
table>
tbody id="all">
tbody id="content1">
tr>td>表单内容/td>/tr>
/tbody>
tbody id="content2">
tr>td>多行内容/td>/tr>
tr>td>多行内容/td>/tr>
/tbody>
/tobdy>
/tbale>


做原型页面时会为了实现交互效果才这样用tbody>，实际的后台编程中用不着，只要根据判断输出相应的表体就行了。
页面制作时表格的设计用thead>tbody>tfoot>th>caption>等以前不常用的标签加上CSS的定义可以实现很多不错的效果，标准又语义，很强大，看过相关的一篇文章，找到收藏起来。

标签：混显 贺州 邵阳 广安 鹤壁 莱芜 沧州 贵州

巨人网络通讯声明：本文标题《html工作中表格<tbody>标签的使用技巧》，本文关键词  html,工作中,表格,amp,tbody,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《html工作中表格<tbody>标签的使用技巧》相关的同类信息！
  • 本页收集关于html工作中表格<tbody>标签的使用技巧的相关信息资讯供网民参考！

    • 四合一精品企业网站建设

    多一个网站就为企业多增加一条营销渠道

    ¥888元限时抢购

    QQ立即咨询快速购买

    企业400电话

    智能AI客服机器人
    ￥15000

    在线订购

    合计11份范本：公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章

    上一篇：Firefox下样式设置宽度奇怪现象

    下一篇：input为disabled提交后得不到该值的解决方法

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： html工作中表格<tbody>标签的使用技巧 html,工作中,表格,amp,tbody,