td

HTML表格由<table>标签定义，下面是一个2行3列的表格： <table> <tr> 　　<td>11</td> 　　<td>12</td> 　　<td>13</td> </tr> <tr> 　　<td>21</td> 　　<td>22</td> 　　<td>23</td> </tr> </table> tr--table row 表示表格的行，td--table data表示表格数据，每行有几个td就代表有几列。 表格边框属性 border <table border="1"> 如果不定义border属性，则不显示边框。 表头<th>,大多数浏览器会把表头显示为粗体居中的文本： < table border = " 1 " align="left" > < tr > < th > Header 1 </ th > < th > Header 2 </ th > </ tr > < tr > < td > row 1, cell 1 </ td > < td > row 1, cell 2 </ td > </ tr > < tr > < td > row 2, cell 1 </ td > < td > row 2, cell 2 </ td > </ tr > </ table > Header 1 Header 2 row 1, cell 1 row 1, cell 2

<table class="tab-left table tab-zn"> <thead> <tr> <th>在线状态</th> <th>名称</th> <th>管理地址</th> <th>显示</th> </tr> </thead> <tbody> <template v-for="(item) in bfData"> <tr class="pointer" @click="selectCj(item)"> <td><span class="status sta-green" :class="[item.status?'sta-green':'sta-gray']"></span></td> <td v-html="item.task_cycle"></td> <td v-html="item.task_detial"></td> <td> <button @click="item.task_detial=!item.task_detial">bbb</button> </td> </tr> <tr v-if="item.task_detial"> <td colspan="4"> <div>123</div> </td> </tr> </template> </tbody> </table> 主要用于template进行嵌套两个<tr>一个tr用于正常表格

ylbtech-JavaScript-Tool：jquery.jsprint.js 一个通过单击页面按钮，便实现页面打印的jQuery插件jqprint。 1. 返回顶部 1、 插件描述：一个通过单击页面按钮，便实现页面打印的jQuery插件jqprint。 2017-2-17更新（修改jQuery官方提供迁移辅助插件jquery-migrate-1.0.0.js失效地址） 请注意!很多朋友遇到 Cannot read property 'opera' of undefined错误问题是juqery版本兼容问题 解决方法：加入迁移辅助插件jquery-migrate-1.0.0.js可解决版本问题 <script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script> 实现方法 引用jquery和，jqprint到您的页面 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> js <script language="javascript"> function a(){ $("#ddd"

1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的） <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2、Hmtl代码 <div id="print-area"> <table> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td>

1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的） <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2、Hmtl代码 <div id="print-area"> <table> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td>

一、表单 <form id="" name="" method="post/get" action="负责处理的服务端">id不可重复；name可以重复；get提交有长度限制，并且编码后的内容在地址栏可见，post提交无长度限制，且编码后内容不可见。 </form> 1、文本输入 文本框<input type="text" name="" id="" value=""/> 密码框<input type="password" name="" id="" value=""/> 文本框<textaarea name="" id="" cols=""(字符多少) rows=""(几行高)></>textarea> 隐藏域<input type="hidden" name="" id="" value=""/> 2、按钮 提交按钮<input type="submit" name="" id="" disable="disable" value=""/>点击后转到form内的提交服务器地址 重置按钮<input type="reset" name="" id="" disable="disable" value=""/> 普通按钮<input type="button" name="" id="" disable="disable" value=""/> 图片按钮<input type=

一、表单 <form id="" name="" method="post/get" action="负责处理的服务端">id不可重复；name可以重复；get提交有长度限制，并且编码后的内容在地址栏可见，post提交无长度限制，且编码后内容不可见。 </form> 1、文本输入 文本框<input type="text" name="" id="" value=""/> 密码框<input type="password" name="" id="" value=""/> 文本框<textaarea name="" id="" cols=""(字符多少) rows=""(几行高)></>textarea> 隐藏域<input type="hidden" name="" id="" value=""/> 2、按钮 提交按钮<input type="submit" name="" id="" disable="disable" value=""/>点击后转到form内的提交服务器地址 重置按钮<input type="reset" name="" id="" disable="disable" value=""/> 普通按钮<input type="button" name="" id="" disable="disable" value=""/> 图片按钮<input type=

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <script> function selectAll(obj) { $(".itemSelect").prop("checked",obj.checked); } </script> </head> <body> <table id="tab1" border="1" width="800" align="center" > <tr> <td colspan="5"><input type="button" value="删除"></td> </tr> <tr> <th><input type="checkbox" onclick="selectAll(this)" ></th> <th>分类ID</th> <th>分类名称</th> <th>分类描述</th> <th>操作</th> </tr> <tr> <td><input type="checkbox" class="itemSelect"></td> <td>1</td> <td>手机数码</td> <td>手机数码类商品</td> <td><a href="">修改</a>|<a

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <script> //需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow $(function () { $("tr:gt(1):even").css("backgroundColor","pink"); $("tr:gt(1):odd").css("backgroundColor","green"); }); </script> </head> <body> <table id="tab1" border="1" width="800" align="center" > <tr> <td colspan="5"><input type="button" value="删除"></td> </tr> <tr style="background-color: #999999;"> <th><input type="checkbox"></th> <th>分类ID</th> <th>分类名称</th> <th>分类描述</th> <th>操作</th> </tr> <tr> <td><input type=

今天学到了一个有趣的例子，在一个表单里，左边都是选框，若点击第一个全选的框，下面所有框会自动选中，若取消其中一个，全选框也会显示为选中状态。反之若选中所有非全选的框，全选框也会自动选中。先通过一个GIF图了解下相关效果。 HTML结构与css样式就不细说了，直接上代码 HTML结构 用table书写， <div class="warp"> <table> <thead> <tr> <th> <input type="checkbox" id="AllSelect" > <!-- <input type="checkbox" id="AllSelect" checked="checked"> checked="checked" 显示勾选状况 --> </th> <th>商品</th> <th>价钱</th> </tr> </thead> <tbody id="tb"> <tr> <td> <input type="checkbox"> </td> <td>iphone 8</td> <td>8000</td> </tr> <tr> <td> <input type="checkbox"> </td> <td>iphone </td> <td>5000</td> </tr> <tr> <td> <input type="checkbox"> </td> <td>iphone 7</td