td | 易学教程

html表单的各种输入控件

阅读更多关于 html表单的各种输入控件

表单的输入控件主要是input和select。其中input可以是多种类型，通过type属性来进行定义，type可以取值是text,radio,checkbox,password,submit,reset. select是和option组合使用的。后台要想获得表单的值，是通过name属性的值来获得用户的输入。后台获取的值： input-text-name input-redio-name-value input-checkbox-name-value input-password-name input-textarea-name select-option-name-value 下面是综合应用这些组成一个注册表单。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <center> <h1 style="color:blue;">注册表单</h1> <hr/> <form name="reg" action="regsuccess.html" method="post"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td>用户名:</td> <td><input type="text" name

Web从入门到放弃<5>

阅读更多关于 Web从入门到放弃

<1> CSS_DOM 1,structural layer 2,presentation layer 3,behavior layer style也是一个属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="text" style="background-color: #222222;color: white;">Hello World</p> <script src="cp_10.js"></script> </body> </html> js: function someTest() { var text = document.getElementById('text'); console.log(typeof text,"text:",text); console.log(typeof text.nodeName , "nodeName:",text.nodeName); console.log(typeof text.style ,"style:",text.style); } someTest(); output: 获取样式属性: color="white" alert(text.style.color);

十二.spring-boot使用spring-boot-freemarker

阅读更多关于十二.spring-boot使用spring-boot-freemarker

本文转载自： https://www.cnblogs.com/xxt19970908/p/6736455.html 作者：xxt19970908 转载请注明该声明。 ①、在springMVC中：它代表着view层组件 ②、为什么使用 freemarker：简单容易学、逻辑分明 ③、freemarker优点：它不依赖servlet、网络或者web环境一、创建一个maven web project 二、检查freemarker包是否已经添加三、编写测试类 1、新建一个用户数据模型SysUser package com.example.entity; public class SysUser { private long id; private String name; private String phone; public SysUser() { } public SysUser( long id, String name, String phone) { this .id = id; this .name = name; this .phone = phone; } public long getId() { return id; } public void setId( long id) { this .id = id; } public String getName()

HTML表格

阅读更多关于 HTML表格

1，<table>标记　　a，基本格式<table 属性1=“属性值” 属性2 ＝属性值>表格内容</table> 　　b，table 标记的属性　　　　　　　　width属性：表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分之百（％）　　　　height属性：表示表格的高度，他的值可以是像素（px）也可以是父级元素的百分比（％）　　　　border属性：表示表格外边框的宽度　　　　align属性：表格的显示位置，值left居左显示 center居中显示 right居右显示默认left 　　　　cellspacing属性：单元格时间的间距，默认2px ，单位像素　　　　cellpadding属性：单元格内容与单元格边框的显示距离，单位像素　　　　frame属性：控制表格边框的显示距离　　　　　　void(默认值) 表示无边框　　　　　　above 表示仅顶部有边框　　　　　　below 表示仅有底部边框　　　　　　hsides 表示仅有顶部边框和底部有边框　　　　　　lhs 表示仅有左侧边框　　　　　　rhs表示仅有右侧边框　　　　　　vsides表示仅有左右侧边框　　　　　　box 包含全部4个边框　　　　　　border包含全部4个边框　　　rules属性：控制是否显示以及如何显示单元格之间的分割线　　　　　　none

HTML表格的基本结构标记

阅读更多关于 HTML表格的基本结构标记

<table>标记 1.基本格式：<table 属性1="属性值1" 属性2="属性值2" ... ...>表格内容</table> 2.table标记的属性　　width属性　　表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分比（%）　　height属性　　表示表格的高度，他的值可以是像素（px）也可以是父级元素的百分比（%）　　border属性　　表示表格外边框的宽度　　align属性　　表格的显示位置　　　　值：　　　　　　1.left居左显示　　　　　　2.center居中显示　　　　　　3.right居右显示　　　　　　默认值left 　　cellspacing属性　　单元格之间的间距，默认是2px，单位像素　　cellpadding属性　　单元格内容与单元格边框的显示距离，单位像素　　frame属性　　　　1.作用：控制表格边框最外层的四条线框　　　　2.属性值：　　　　　　void（默认值）　　表示无边框　　　　　　above　　表示仅顶部有边框　　　　　　below　　表示仅有底部边框　　　　　　hsides　　表示仅有顶部边框和底部边框　　　　　　lhs　　表示仅有左侧边框　　　　　　rhs　　表示仅有右侧边框　　　　　　vsides　　表示仅有左右侧边框　　　　　　box　　包含全部4个边框　　　　　

HTML表格

阅读更多关于 HTML表格

表格结构： <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> 每一行单元格的数目必须一样实例： 1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <head> 5 <title>我的网页</title> 6 </head> 7 <body> 8 <table border="1"> 9 <tr> 10 <td>&nbsp</td> 11 <td>&nbsp</td> 12 <td>&nbsp</td> 13 </tr> 14 <tr> 15 <td>&nbsp</td> 16 <td>&nbsp</td> 17 <td>&nbsp</td> 18 </tr> 19 <tr> 20 <td>&nbsp</td> 21 <td>&nbsp</td> 22 <td>&nbsp</td> 23 </tr> 24 </table> 25 </body> 26 </html> 常用属性： border：边框的粗细 bordercolor：边框颜色

Bootstrap 表格

阅读更多关于 Bootstrap 表格

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：标签描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表格主体中的表格行的容器元素（<tr>）。 <tr> 一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。 <td> 默认的表格单元格。 <th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。 <caption> 关于表格存储内容的描述或总结。表格类下表样式可用于表格中：类描述 .table 为任意 <table> 添加基本样式 (只有横向分隔线) .table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered 为所有表格的单元格添加边框 .table-hover 在 <tbody> 内的任一行启用鼠标悬停状态 .table-condensed 让表格更加紧凑联合使用所有表格类 <tr>, <th> 和 <td> 类下表的类可用于表格的行或者单元格：类描述 .active 将悬停的颜色应用在行或者单元格上 .success 表示成功的操作 .info 表示信息变化的操作 .warning 表示一个警告的操作

实现Bootstrap表格拖拽

阅读更多关于实现Bootstrap表格拖拽

实现Bootstrap表格拖拽：需要引入jquery.min.js、bootstrap相关文件,以及jquery.dragsort-0.5.2.js 代码如下： 1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> 5 <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.css"> 6 <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.js"></script> 7 <script type="text/javascript" src="jquery.dragsort-0.5.2.js"></script> 8 9 <style> 10 #field_list_table tr, th, td { 11 text-align: center; 12 height: 4.5em; 13 } 14 #field_list_table { 15 margin-bottom: 0px; 16

十六、·实现显示所有雇员

阅读更多关于十六、·实现显示所有雇员

1.实现跳转，在mainFrame.jsp中，修改显示所有雇员的链接 <a href="${pageContext.request.contextPath}/employee.do?flag=goAddEmp">添加雇员</a><br/> <a href="${pageContext.request.contextPath}/employee.do?flag=showAllEmp">显示雇员</a><br/> <a href="#">查询雇员</a><br/> <a href="#">退出系统</a><br/> 2.在EmployeeService中增加showAllEmp函数 public ActionForward showAllEmp(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { List emps = employeeService.excuteQuery("from Employee", null); request.getSession().setAttribute("emplist", emps); return mapping.findForward("showAllEmp");

利用JDBC访问数据库

阅读更多关于利用JDBC访问数据库

练习1、创建新闻系统数据库练习2、实现管理员登录验证练习3、显示新闻列表练习4、显示新闻主题列表练习5、添加新闻主题练习6、实现发布新闻新建查询链接：https://pan.baidu.com/s/1kLz9dI9PreKYnOEVdNYgMA 提取码：qb5n 运行得到以下表：创建项目DataSourceDemo 加MySQL数据库驱动程序jar包 INF子目录，在里面创建数据源配置文件context.xml 注意：数据库的密码在src里创建net.cw.dbutil包，在里面创建ConnectionManager类 package net.xmh.dbutil; import javax.naming.Context; import javax.naming.InitialContext; import javax.naming.NamingException; import javax.sql.DataSource; import java.sql.Connection; import java.sql.SQLException; /** * 功能：数据库连接管理器 * 作者：xmh * 日期：2019年11月7日 */ public class ConnectionManager { /** * 私有化构造方法，拒绝实例化 */ private

订阅 td