td | 易学教程

5月个人技术考核

阅读更多关于 5月个人技术考核

<html> <head> <title>创建表格</title> </head> <body> <table border="1"> <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> </body> </html> 来源： 51CTO 作者： wx5ad8937ebaf3e 链接： https://blog.51cto.com/13711526/2122239

js 设置 td class 的字体和颜色

阅读更多关于 js 设置 td class 的字体和颜色

代码如下： <body> <table width="200" border="1"> <tr> <td class="abc" id="postmessage_90403">中华人民共和国</td> <td class="abc">中华人民共和国</td> </tr> </table> </body> </html> <script type="text/javascript"> function setFont(n) { var classElements = []; var allElements = document.getElementsByTagName('*'); for (var i=0; i< allElements.length; i++ ) { if (allElements[i].className == n) { allElements[i].style.fontFamily="微软雅黑"; allElements[i].style.color="#f00"; } } return classElements; } setFont('abc'); </script> 执行以后，字都变成了红色微软雅黑的字体。注意，如果此文件运行环境没有微软雅黑的字体，那么可能无效。本文来自胡摘网[http://www.hackpro.cn]，转载请标明出处： http:

Markdown不常见功能

阅读更多关于 Markdown不常见功能

推荐几个Markdown不常见功能 1.表情符号 emoji表情使用:EMOJICODE:的格式，详细列表可见 https://www.webpagefx.com/tools/emoji-cheat-sheet/ 当然现在cnblogs兼容性。。。下面列出几个自己用： 😄😃😏😟😑 :smile: :smiley: :smirk: :worried: :expressionless: 😩😅😥😭😂 :weary: :sweat_smile: :disappointed_relieved: :sob: :joy: 😱😠😤😎😈 :scream: :angry: :triumph: :sunglasses: :smiling_imp: ❗❓ :exclamation: :question: 👍👎👊✊🙏💪 :thumbsup: :-1: :punch: :fist: :pray: :muscle: 🚀⬅️➡️☀️🐛 :rocket: :arrow_left: :arrow_right: :sunny: :bug: 2 支持常见HTML标签字体字体大小1-7，数字越大字体越大字体颜色，黑色Black ，红色Black 黄色Black 蓝色Black <font color=Black size=4 face="宋体">黑色Black</font>， <font color=Red

VUE计算属性

阅读更多关于 VUE计算属性

VUE计算属性（可以写一个函数来讲计算值）本案例为计算总分和平均分计算属性：computed：{ } 和 data、methods 同级 HTML页面 ↓ < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > VUE 计算属性 < / title > < / head > < body > < div id = "app" > < table border = "1" > < thead > < th > 学科 < / th > < th > 分数 < / th > < / thead > < tbody > < tr > < td > 语文 < / td > // v-model.number 把双向绑定的model的值转换为数字型 < td > < input type = "text" v - model . number = "yw" > < / td > < td > { { yw } } < / td > < / tr > < tr > < td > 数学 < / td > < td > <

web实验二

阅读更多关于 web实验二

通过jQuery实现用户注册身份验证，当每个文本框失去焦点时进行该文本框内容校验，并将校验信息在文本框右侧显示出结果。具体校验要求： 1、用户名由6-18位字符组成 2、密码由6-18位字符组成，且必须包含字母、数字和标点符号 3、确认密码必须和密码相同，否则提示密码不一致 4、电子邮件必须符合电子邮件格式 5、自我介绍不能为空 6、用户点击重置时清空所有文本框内容 7、用户点击提交是将用户信息存入对象user中，同时检查性别、出生日期是否选择，如果没有就弹出提示对话框，爱好至少选择一个，否支弹出提示。 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>用户登录示例</title> 7 <script src="jquery-3.4.1.js " type="text/javascript"> </script> 8 </head> 9 <body> 10 <form id="userFrom" name="user" action="#" method="post"> 11 <table align="center" border="0" cellpadding="2" width="1000" > 12 <tr> 13 <td> 用户名</td> 14 15 <td> 16

js实现表格隔行换色

阅读更多关于 js实现表格隔行换色

获取trs这个伪数组，对数组内元素用for循环判断操作。 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document < / title > < / head > < body > < table border = "2" style = "width: 400px; height: 300px;" > < tbody id = "tb" > < / tbody > < / table > < script > var tb = document . getElementById ( "tb" ) ; setTable ( ) ; changeColor ( ) ; function setTable ( ) { var html = "" ; for ( var i = 0 ; i < 5 ; i ++ ) { html += '<tr>' + '<td>' + '</td>' + '<td>' + '</td>' + '<td>' + '</td>' + '</tr>' ; } tb .

table 表格拖动改变列宽

阅读更多关于 table 表格拖动改变列宽

参考博客：前端页面实现table可拖动改变列宽引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery （1）colResizable下载： http://www.bacubacu.com/colresizable/#rangeSlider （2）引入文件： < script src = "https://code.jquery.com/jquery-3.1.1.min.js" > < / script > < script src = "colResizable-1.6.min.js" > < / script > 编写代码 html < table id = " table " cellspacing = " 0 " cellpadding = " 2 " border = " 1 " > < tbody > < tr align = " center " > < td style =" min-width : 100px ; " > 编号 </ td > < td style =" min-width : 100px ; " > 姓名 </ td > < td style =" min-width : 100px ; " > 性别 </ td > < td style =" min-width : 100px

功能三——读取试题列表与分页显示

阅读更多关于功能三——读取试题列表与分页显示

　　PHP分页机制的作用主要是用于处理，当网页要显示多条（大于20条）SQL语句查询的结果时，在一页显示不仅会影响查看，而且对数据库的读取也比较耗费计算机资源。因此，当显示SQL语句的查询结果时，往往会使用分页的机制来缓解内存用于数据库的读取的资源占用、以及给用户更加清晰的浏览体验。　在使用select查询时，使用 limit子句可用于强制selet语句返回指定的记录数。　　　　　　语法格式：select * from tableName limit num1,num2；　　　　　　 num1：从第几个开始查找；　　　　　　　　 num2：要查找的数目　　　　　　 Select * from table limit 0,10 　　　　上面是一句简单的sql查询语句，它的作用是从一个名叫table的表里提取前10条数据　使用到的变量：　　　　$currentPage; //记录当前所在页　　　　$pageNum; //总页数　　　　$pageSize;　　 //每页显示的条数 ceil() 函数向上舍入为最接近的整数　　　　 ceil(5.2)=>6;ceil(-2.4)=>-2 一、定义参数，并通过GET/POST方式传入默认值 $currentPage=isset($_GET['currentPage'])?intval($_GET[

HTML 注册网站页面

阅读更多关于 HTML 注册网站页面

<!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <meta http-equiv= "X-UA-Compatible" content= "ie=edge" > <title>注册页面</title> </head> <body> <h4>青春不常在，抓紧谈恋爱</h4> <table width= "600" >  <tr> <td> 性别 : </td> <td> <input type= "radio" name= "sex" id= "nan" checked= "checked" > <label for= "nan" >男</label> <input type= "radio" name= "sex" id= "nv" ><label for= "nv" >女</label> </td> </tr>  <tr> <td> 生日 : </td> <td> <select name= "" id= "" > <option value= "" >--请选择年份--</option>

js导入导出excel(实例代码)

阅读更多关于 js导入导出excel(实例代码)

1 <!DOCTYPE html> 2 <html> 3 4 <head lang="en"> 5 <meta charset="UTF-8"> 6 <title>html 表格导出道</title> 7 <script src="jquery-3.2.1.min.js"></script> 8 <script src="jquery.table2excel.min.js"></script> 9 <script language="JavaScript" type="text/javascript"> 10 //第一种方法 11 function method1(tableid) { 12 13 var curTbl = document.getElementById(tableid); 14 var oXL = new ActiveXObject("Excel.Application"); 15 var oWB = oXL.Workbooks.Add(); 16 var oSheet = oWB.ActiveSheet; 17 var sel = document.body.createTextRange(); 18 sel.moveToElementText(curTbl); 19 sel.select(); 20 sel.execCommand("Copy"); 21

订阅 td