td | 易学教程

可编辑的table（原生JS+jQuery）

阅读更多关于可编辑的table（原生JS+jQuery）

原生js： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Table</title> <style type="text/css"> body{ font-size:12px} #tab{ border-collapse: collapse;} .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} #tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} #tab tbody td{ overflow:hidden} #tab td{border: 1px solid #CECFCE;height:20px

前端

阅读更多关于前端

OXO1扫盲一 . web 1.网页通常是 html 格式的文件，通过浏览器来解析。 2.网站英特网上根据一定的规则，使用 html 等制作的用于展示特定相关内容的网页集合。 3.web标准的构成（ 1）结构：结构是对页面元素的整理和分类， eg : HTML （ 2）表现用于设置网页元素的版式，颜色，大小等外观样式， eg : CSS （ 3）行为是指网页模型的定义以及交互。 eg ： JS 注： web 最佳的体验方案：结构，表现，行为相分离。二 .浏览器 1.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页显示方法并显示页面。 Trident : IE 猎豹安全 360 极速浏览器百度浏览器 Gecko : firefox Webkit ： safari( 苹果浏览器 ) Blink ： chrome Opera 注释 : Blink 是 webkit 的一个分支。 OX02 HTML 一 .HTML 1. HTML指的是超文本标记语言（Hyper Text Markup Language)，它不属于编程语言，而是属于一套标签，用来描述网页。 2. HTML文档的后缀为 " .html " 或者 “ .htm ” 3.HTML语法 (1)标签通常是由尖括号括起来关键字的一对标签。(双标签) 1 <html> </html> (2)单标签

日历控件

阅读更多关于日历控件

calendar.htm: < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" > < title ></ title > < link rel ="stylesheet" type ="text/css" href ="../setstyle.css" > </ head > < body topmargin =0 leftmargin =0 bgcolor =#3974AE > < center > < table border ="1" width ="245" cellspacing ="0" cellpadding ="0" bordercolor ="#ABC7E2" bordercolordark ="#FFFFFF" bordercolorlight ="#808080" height ="160" > < tr > < th width ="100%" align ="center" > < table border ="0" cellspacing ="0" cellpadding ="0" > < tr > < th valign ="middle" width ="10%" >< img border ="0" src ="..

学习HTML(1)

阅读更多关于学习HTML(1)

HTML：【1】boby的属性： bgclor：页面背景色;text 文字颜色；topmargiog 上页边距；leftmargion 左页边距；rightmargion 右页边距；bottomargion 下页边距；background 背景壁纸【2】格式控制标签： <fount color="" face="" size=""></fount> 控制字体：color="":颜色；face="":字体；size="":字体大小； <b></b>:字体加粗；<i></i>：字体倾斜；<u></u>：下划线；<strong></strong>：字体加粗（强调，语气加强用）； <center></center>：居中；<br></br>：相当于回车；&nbsp：表示空格（ctrl+shift+space）【3】内容容器标签 <h1></h1>........<h6></h6>:标题（会自动换行）。｛HTML标题（heading）是通过<h1>--<h6>等标签进行定义的。｝ <p><p/>:段落标签（段落之间空行）；<div></div>:层标签（默认占一行）；<span></span>：层标签（默认有多大空间占多大空间）； <ol type="1">（有序列表，序号为1，2，3...........，引号中可以更改序号形式) <li>内容</li> <li>内容</li> <

用户注册信息验证

阅读更多关于用户注册信息验证

代码 <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>注册验证</title> <style type="text/css"> .body { margin:0; padding:0; text-align:center; } .div_cont { margin:0 auto; padding:0; width:500px; } .tab_theme { font-size:15px; text-align:left; font-weight:bold; } .tab_martop { margin-top:10px; } .tab_control { font-size:13px; text-align:left; } .td_light { line-height:25px; } .td_left { width:100px; text-align:left; } .td_right { width:300px; padding-right:6px; } </style></head><body> <form id="form1" runat="server"> <div class="div_cont tab_martop"> <table class="tab_theme

用户注册信息的输入和显示案例

阅读更多关于用户注册信息的输入和显示案例

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>新用户注册</title> </head> <body> <h3 align="center">新用户注册</h3> <form method="POST"action="accept.jsp"name="form1"onsubmit="return on_submit()"> <table> <tr><td>用户名（*）：</td><td><input type="text"name="username"size="20"></td><tr> <tr><td> 密&nbsp码（*）：</td><td><input type="password"name="password"size="20"></td><tr> <tr><td> 再输一次密码（*）：</td><td><input type="password"name="repassword"size="20"></td><tr> <tr><td>性别：</td> <td> <input type="radio"value="男"checked name="sex">男 <input type=

记账本------2

阅读更多关于记账本------2

今天做了删除记账本。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style> .a{ margin-top: 20px; } .b{ font-size: 20px; width: 160px; color: white; background-color: greenyellow; } .tb, td { border: 1px solid black; font-size: 22px; } </style> </head> <body> <% Object message = request.getAttribute("message"); if(message!=null && !"".equals(message)){ %> <script type="text/javascript"> alert("<%=request.getAttribute(

input属性

阅读更多关于 input属性

input属性：通用类型 type text 输入框 password 密码不通用类型： select 下面是option 下拉框 textarea 文本区域 file 选择上传文件<br> checked 默认选中 form下的属性： submit提交表单，reset重置 action，如果为空，则跳转当前页面<br> post隐藏提交 get 在当前路径后用&符号连接显示传输。 td专有属性图像src，alt="x"，（无图片时显示的内容）横向合并td colspan="x" <td colspan="x" align="right"></td> 纵横合并td rowspan="x" <td rowspan="x" align="right"></td> form标签， action接收路径，method传输方式post/get get可在地址栏查看 post在f12headers里看来源： https://www.cnblogs.com/god3064371/p/11254237.html

web对页面截图复制功能

阅读更多关于 web对页面截图复制功能

1、web页面的截图原理：html2canvas.js 插件把要截图的页面内容生成画布图片，然后把画布的图片的base64的值赋到页面的<img>标签上，再把<img>的图片进行复制 2、需要的js插件 <script src="~/Scripts/html2canvas.min.js"></script> <script src="~/Scripts/canvas2image.js"></script> <script src="~/Scripts/jquery.js"></script> 3.html的结构截图代码 <div class="alert" id="chongzhixq" style="width:620px;height:450px;"> <div class="alert-header"> <h1>赠送详情</h1> <img src="../../images/close_btn.png" alt="" class="alert-close" onclick="$('.window-mask1').hide(); $('#chongzhixq').hide();" /> </div> <div class="alert-list"> <div class="alert-info" style="max-height: 382px;"> <div class

表格隔行变色

阅读更多关于表格隔行变色

表格的代码如下： <table id="data"> <thead> <tr> <th>姓名</th> <th>工资</th> <th>入职时间</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>Tom</td> <td>$3500</td> <td>2010-10-25</td> <td> <a href="javascript:void(0)">删除</a> </td> </tr> <tr> <td>Mary</td> <td>$3400</td> <td>2010-12-1</td> <td> <a href="javascript:void(0)">删除</a> </td> </tr> <tr> <td>King</td> <td>$5900</td> <td>2009-08-17</td> <td> <a href="javascript:void(0)">删除</a> </td> </tr> <tr> <td>Scott</td> <td>$3800</td> <td>2012-11-17</td> <td> <a href="javascript:void(0)">删除</a> </td> </tr> <tr> <td>Smith</td> <td>$3100</td> <td>2014-01-27</td> <td>

订阅 td