HTML里,怎么给table做一个外面的标题框

就像图里的,给table加个"IndividualCheckboxes"的外边标题框... 就像图里的,给table加个"Individual Checkboxes"的外边标题框 展开
 我来答
千锋教育
2016-01-06 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部

html中给table增加外面的标题框可以用div嵌套表格的方式来实现:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf8">
   <title>Untitled Document</title>
   <script language="JavaScript" src="js/prototype.js"></script>
   <script language="JavaScript">
     function changeStyle(){
       if(document.getElementById('test').style.display=='none'){
         alert("show");
         document.getElementById('test').style.display='block'
       }else{
         alert("hide");
         document.getElementById('test').style.display='none'
       }
     }
   </script>
 </head>
 <body>
   <input value="测试" type="button" onclick="changeStyle()">
   <select type="button" value="测试" onchange="changeStyle();">
     <option>1</option>
     <option>2</option>
   </select>
   <table>
     <tr>
     <td><!--在table中嵌套div时,必须将div放在td中,否则达不到预期效果-->
   <div id="test" style="display:none;">
   <table>
     <tr>
       <td>
     <input type="text" value="1"/>
     </td>
     </tr>
   </table>
   </div>
   </td>    
     </tr>
   </table>
 </body>
</html>
 效果:

百度网友a435633
推荐于2016-04-07 · TA获得超过1234个赞
知道大有可为答主
回答量:1018
采纳率:0%
帮助的人:0
展开全部
图片上的效果是 extjs 做出来的,extjs 里面这个东西叫 fieldset。

如果没有用任何框架,自己做的话也简单:

<fieldset style="width:300px">
<legend>Individual Checkboxes</legend>
Argument Text: <input type="text" name="name" size="20">
</fieldset>

只不过没有 extjs 做得好看。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式