td | 易学教程

利用js编写一个简单的html表单验证，验证通过时提交数据(附源码)

阅读更多关于利用js编写一个简单的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>Document</title> <script type="text/javascript"> function checknm() { var check = false; var username = document.getElementsByName("username")[0]; if (1<=username.value.length && username.value.length<=10){ console.log(document.getElementById("checktext1").innerHTML = " √") check = true; }else{ document.getElementById("checktext1").innerHTML = " × 最多10位且不为空"; check = false; } return check; } function

028-PHP常用数学函数abs和acos和asin

阅读更多关于 028-PHP常用数学函数abs和acos和asin

<?php print(abs(-13));//打印绝对值 // 从 -1 到1打印acos函数的值 print("<TABLE BORDER=\"1\">\n"); print("<TR><TH>x</TH><TH>acos(x)</TH></TR>\n"); for($index = -1; $index <= 1; $index += 0.25) { print("<TR>\n"); print("<TD>$index</TD>\n"); print("<TD>" . acos($index) . "</TD>\n"); print("</TR>\n"); } print("</TABLE>\n"); // 从 -1 到 1打印asin函数的值 print("<TABLE BORDER=\"1\">\n"); print("<TR><TH>x</TH><TH>asin(x)</TH></TR>\n"); for($index = -1; $index <= 1; $index += 0.25) { print("<TR>\n"); print("<TD>$index</TD>\n"); print("<TD>" . asin($index) . "</TD>\n"); print("</TR>\n"); } print("</TABLE>\n"); ?> 来源： https:

006 引入样式

阅读更多关于 006 引入样式

开始css的复习。一：引入css样式表 1.分类　　内部样式表　　行内式（内联样式）　　外联样式（外联式） 2.内联样式　　style=“” 3.案例　　自己查找书写位置。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <table width="400" border="0" align="center" cellspacing="0" cellpadding="0"> 9 <caption><h1 style="color: red;font-size: 35px">青春不常在</h1></caption> 10  11 <tr height="30"> 12 <td>所在地区</td> 13 <td><input type="text" name="area" value="beijing" style="color: gray;"></td> 14 </tr> 15 <tr height="30"> 16 <td>用户名</td> 17 <td><input type="user" name="area" value="tom" style=

HTML基础

阅读更多关于 HTML基础

本小白自学HTML基础中比较生疏的知识点汇总： ul无序列表的type属性值： disc 圆点 square 正方形 circle 空心圆 ol无序列表的type属性值： 1 A a I 大写罗马字母 I 小写罗马字母 a链接： <a href="">链接</a> 当链接为空的时候，点击超链接会刷新页面 title 链接提示文字 name 链接命名锚链接： <a href=”#锚名”>目录</a> 或者 <a href=”网页名称#锚名”>目录</a> <a href=”#” name=”锚名”>内容</a> Sublime常用快捷键：输入!或者html，再tab键，可快速生成html模板 Crtl+j合并行，适合css样式最终整理 Crtrl+z撤销 Ctrl+y恢复撤销 Tab缩进 Shift+tab取消缩进 th表格头：内容居中，加粗显示 caption表格标题，居中显示按照thead、tbody、tfoot的顺序依次显示 <table> <caption></caption> <tr> <th></th> </tr> <tr> <td></td> </tr> </table> 表格属性： width 表格宽度 align 表格相对于周围元素的对齐方式 cellpadding 单元格边沿与内容之间的距离 cellspacing 单元格之间的空白 frame 外侧边框属性

表格 table

阅读更多关于表格 table

<table width="500" border="3" cellpadding="6"> <caption>个人信息表</caption> <tr > <th >文章1</th> <th>文章2</th> <th>文章3</th> </tr> <tr > <td>文章1</td> <td>文章2</td> <td>文章3</td> </tr> <tr > <td>文章1</td> <td>文章2</td> <td>文章3</td> </tr> </table> 来源： CSDN 作者：关亚奇qi 链接： https://blog.csdn.net/GUANYAQI1996/article/details/103744368

一天搞定CSS：表格（table）--19

阅读更多关于一天搞定CSS：表格（table）--19

1.表格标签表格标签的嵌套关系 <table>  <thead>  <tr>  <th></th> </tr> </thead>  <tbody>  <tr>  <td></td> </tr> <tr> <td></td> </tr> </tbody>  <tfoot> <tr> <td></td> </tr> </tfoot> </table> 2.实例演示–课程表 border-collapse:collapse; - - -表示清除表格之间的间隙代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> /*1.清除表格默认样式*/ table{ border-collapse: collapse; } th,td{ padding: 0; } /*2.设置表格大小，以及表框颜色*/ table{ margin: 0 auto; width: 500px; } th,td{ border: 1px solid pink; font: 20px/50px "微软雅黑"; text

jsp+servlet+Tomcat+mysql实现用户注册、登录、查看、修改实例之——用户列表显示

阅读更多关于 jsp+servlet+Tomcat+mysql实现用户注册、登录、查看、修改实例之——用户列表显示

学习javaWeb，首先要学习基础的jsp,servlet,弄通了机制然后就得心应手了。我们来实现一个简单的实例来学习。我们的任务有： 1.数据库及表创建　　　　　　　 2.实现用户注册　　　　　　　 3.实现用户登录　　　　　　　 4.实现用户列表显示　　　　　　　 5.实现用户删除　　　　　　　 6.实现用户信息查看　　　　　　　 7.实现用户信息修改上节实现了用户登录，本节来实现用户列表显示四、用户列表显示要实现用户列表显示功能，我们需要完成以下几个任务：　　　　　　 1.写列表显示jsp页面　　　　　　 2.写显示servlet 　　　　　　 3.查询方法 1.显示页面一个简单的显示界面如下图所示： ( 说明：用户点击用户名会跳到个人详细信息页面；点击删除会删除一条数据；　　　点击修改会跳到修改信息页面；点击全选按钮会全部选择；反选会反选数据；　　　如果选中了几条数据还可以点击批量删除来删除多条数据) userlist.jsp中的部分代码如下： 1 <%ArrayList<UserVo> list = (ArrayList<UserVo>)(request.getAttribute("list")); %> 2 <html> 3 <head> 4 <style type = "text/css"> 5 td{

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>Document</title> <style> th,td{ color: black; background-color: orange;} </style> </head> <body>   <table border="1" cellspacing="0" cellpadding="0">  <caption>学生成绩</caption> <tr>   <th rowspan="2">姓名</th> <th colspan="3">分数</th> <th rowspan="2">总分</th> </tr> <tr> <td>语文</td>

Jquery改变TABLE样式几种效果

阅读更多关于 Jquery改变TABLE样式几种效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>cssrain - demo</title> <SCRIPT LANGUAGE="JavaScript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!-- $(document).ready(function(){ //demo1: //-隔行,滑动,点击变色 $('.cssraindemo1 tbody tr:even').addClass('odd'); $('.cssraindemo1 tbody tr').hover( function() {$(this).addClass('highlight');}, function() {$(this).removeClass('highlight');} ); $('

【小练习03】CSS-表格（table）--天气预报

阅读更多关于【小练习03】CSS-表格（table）--天气预报

表格基础知识链接： http://blog.csdn.net/baidu_37107022/article/details/71713281 练习要求实现如下效果图：代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background: #ebeff7; } /*清除表格默认样式*/ table{ border-collapse: collapse; } th,td{ padding: 0; } table{ width: 640px; margin: 0 auto; } th,td{ border: 1px solid #99b0da; text-align: center; } th{ font: 14px/30px "微软雅黑"; background: #dbe3fa; } td{ font: 12px/28px "微软雅黑"; background: #fff; } .bg{ background: #f4f7fc; } img{ vertical-align: middle; } .high{ color: #e54600; } .low{ color: #7171d1; } .space{ height: 4px; border: none

订阅 td