td | 易学教程

DOM操作案例之--全选与反选

阅读更多关于 DOM操作案例之--全选与反选

全选与反选在表单类的项目中还是很常见的，电商项目中的购物车一定少不了这个功能。下面我只就用一个简单的案例做个演示吧。 < div class ="wrap" > < table > < thead > < tr > < th > < input type ="checkbox" id ="j_cbAll" /> </ th > < th > 商品 </ th > < th > 价格 </ th > </ tr > </ thead > < tbody id ="j_tb" > < tr > < td > < input type ="checkbox" /> </ td > < td > 小米手机 </ td > < td > 2000 </ td > </ tr > < tr > < td > < input type ="checkbox" /> </ td > < td > ThinkPad </ td > < td > 5000 </ td > </ tr > < tr > < td > < input type ="checkbox" /> </ td > < td > iPhone7 </ td > < td > 5000 </ td > </ tr > < tr > < td > < input type ="checkbox" /> </ td > < td >

東京大學東洋文化研究所爬虫网页结构

阅读更多关于東京大學東洋文化研究所爬虫网页结构

主页网址 http://shanben.ioc.u-tokyo.ac.jp/list.php?p=195&order=rn_no&jump_data= 编号 /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[2]/td[1] /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[3]/td[1] 书名 /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[2]/td[2]/a /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[3]/td[2]/a 内容分类 /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[2]/td[3] /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[3]/td[3] 索书号 /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[2]/td[4] /html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[3]/td[4] 正文网址 http://shanben.ioc.u-tokyo

js导出数据到excel文件

阅读更多关于 js导出数据到excel文件

//列标题 var str = '<tr><td>游戏名称</td><td>角色名</td><td>区服</td><td>区号</td><td>支付方式</td><td>交易单号1</td><td>交易单号2</td><td>新注册账号</td><td>手机号</td><td>提交日期</td></tr>' //循环遍历，每行加入tr标签，每个单元格加td标签 //this.userlist ： vue里面获得的后端数据 for (let i = 0; i < this.userlist.length; i++) { str += '<tr>' for (let item in this.userlist[i]) { //增加\t为了不让表格显示科学计数法或者其他格式 \u200C if (item == "Order1" || item == "Order2" || item == "Account") { //阻止输出的数据进行科学计数 str += `<td style="mso-number-format:'\@';" >${ this.userlist[i][item]}</td>` } else { str += `<td>${ this.userlist[i][item]}</td>` } } str += '</tr>' } //Worksheet名 var

用jQuery制作选中多选框改变表格背景的效果

阅读更多关于用jQuery制作选中多选框改变表格背景的效果

//样式 < style > .odd { background-color: aquamarine ; } .even { background-color:olivedrab ; } .checked { background-color:yellow ; } < /style > < h1 > 员工信息 < /h1 > < table > < tr > < td > < /td > < td > 姓名 < /td > < td > 薪水 < /td > < td > 年龄 < /td > < /tr > < tr > < td > < input type = "checkbox" / > < /td > < td > 张三 < /td > < td > 20000 < /td > < td > 23 < /td > < /tr > < tr > < td > < input type = "checkbox" / > < /td > < td > 李四 < /td > < td > 22000 < /td > < td > 22 < /td > < /tr > < tr > < td > < input type = "checkbox" / > < /td > < td > 王五 < /td > < td > 14000 < /td > < td > 26 < /td >

8.HTML标签-表格标签table

阅读更多关于 8.HTML标签-表格标签table

HTML标签-表格标签table 文章目录 HTML标签-表格标签table 一. 表格基础。 1.表格的功能。 2.表格的常用标签。 3.表格的常用属性。二.代码展示三.代码效果一. 表格基础。 1.表格的功能。 1.1 构建一个基本表格。 1.2 表格添加行。 1.3 表格每一行添加单元格。 1.4 表格添加列标题。 1.5 表格添加表格标题。 1.6 表格合并多行。 1.7 表格合并多列。 2.表格的常用标签。 table：标识表格。 tr：标识一行。 td：标识一个单元格。 th：标识列标题单元格。 caption：标识表格标题。 3.表格的常用属性。 width:宽度 hight:高度 center:中间 Border：表格边框，设置宽度值，单位：px，可以省略。 Cellspacing：单元格与单元格之间的间距，单位：px，可以省略。 Cellpadding：单元格内容与单元格边框之间的距离，单位：px，可以省略。 Rowspan：行合并，合并同列不同行的单元格，格式：rowspan=“合并单元格数量” Colspan: 列合并，合并同行不同列的单元格，格式：colspan=”合并单元格数量” 二.代码展示 < table border = "1" cellspacing = "0" cellpadding = "10" > < caption > 学生信息表 <

考试记不住

阅读更多关于考试记不住

今天考试不会所以写成博客加深一下印象首先把表格的样式写出来 <style> *{ font-family: "楷体"; font-size: 14px; } table,td{ border: 1px; solid: #ccc ; border-collapse: collapse; } td,div,input{ width: 100px; height: 20px; text-align: left; line-height: 20px; } div{ overflow: hidden; text-overflow: ellipsis; } input{ height: 14px; display: none; border: 0px solid white; } </style> 然后写表格的代码 <table> <tr> <td> <div>001</div> <input type="text"/></td> <td>张三</td> </tr> </table> 最后就是最重要的而且今天考试我还没记住的js代码 <script> $(function () { $("div").on("click",function () { $(this).next(":input").val($(this).text()).show().select(); $(this).hide

jsp成绩单综合设计

阅读更多关于 jsp成绩单综合设计

1.jsp 输入老师姓名，班级名称，科目数，学生人数。 <body> <p align="center">成绩单制作系统</p> <hr width="250"> <form name="form1" method="post" action="2.jsp"> <table width="360" border="1" align="center"> <tr> <td align="right">老师姓名：</td> <td><input name="teachername" type="text" ></td> </tr> <tr> <td align="right">班级名称：</td> <td><input type="text" name="classname" ></td> </tr> <tr> <td align="right">科目数：</td> <td><input type="text" name="coursenum"></td> </tr> <tr> <td align="right">学生人数：</td> <td><input type="text" name="stunum" id="stunum"></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" name=

HTML5:表单

阅读更多关于 HTML5:表单

学习要点：表格的基本构成表格的属性表格的合并 table：表格的范围，外框；用来定义表格，表格的其他元素包含在table标签里面； tr: 表格的行； td:表格的单元格 1.表格构成三个基本要素 table：表格的范围，外框；用来定义表格，表格的其他元素包含在table标签里面； tr: 表格的行； td:表格的单元格 2.一点说明：关于表格的属性 HTML5中删除了HTML4中table的大部分属性，HTML5中推荐使用CSS设定原来table属性实现的效果。对于HTNL5中已经废弃的大部分属性不在对其讲解 3.th元素:为表格添加标题行 th元素用来定义表格的标题单元格，他是tr元素的子元素，必须放在tr标签里边；tr元素的内容会自动居中对齐并加粗文字 4.colspan元素:横向合并单元格属性值为正整数，表示该单元格合横向合并的列数，语法为 =“3” 5.rowspan元素:纵向向合并单元格属性值为正整数，表示该单元格合纵向向合并的行数数，语法为 =“3” 6.caption元素:给表格添加标题用来制定表格的标题或者说明；是table的子元素，必须放在table中使用 caption的align属性可以设置标题的位置，但是，在HTML5中已经被废弃，不推荐使用，建议使用CSS样式设置，后边课程会讲到。 7.thead\tfoot\tbaody元素 thead元素

jquery实现表格导出Excel

阅读更多关于 jquery实现表格导出Excel

使用jQuery，jszip.js，FileSaver.js,excel-gen.js插件直接将网页中的table表格导出到本地Excel文件，而不需要经过后台。实现步骤： 1.进入相关js插件 <script src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jszip.min.js"></script> <script type="text/javascript" src="external/FileSaver.js"></script> <script type="text/javascript" src="scripts/excel-gen.js"></script> <script type="text/javascript" src="scripts/demo.page.js"></script> 2. 将HTML的table标签的id设置为test_table <table class="table table-bordered table-striped" id="test_table"> <thead> <tr> <td>等级</td> <td>姓名</td> <td>城市</td> <td>州</td> <td>部门</td> <td>选取</td> <td>票数</td>

初始HTML_表格

阅读更多关于初始HTML_表格

Html表格 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1px" cellspacing="0px" align="center"> <colgroup span="6" width="40px"></colgroup> <colgroup span="7" width="50px"></colgroup> <tr><th colspan="7">个人简历</th></tr> <tr align="center" height="20px"> <td>姓名</td><td></td><td>性别</td><td></td><td></td><td></td><td rowspan="4">照片</td> </tr> <tr height="20px"> <td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr height="20px"> <td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr height="20px"> <td >籍贯</td><td colspan="5"><

订阅 td