JSP复习整理（一）表单
好久没更了，一周完成了SRDP，一周完成了课程设计，这一周就要好好回顾回顾Java Web的学习轨迹了。
用的eclipse Mars
一、表单
start.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Review</title>
</head>
<body>
<p>表格应用</p>
<table border=1 width=600 align="center" cellpadding="3" cellspacing="2"
background="../images/me.jpg">
<tr align="center">
<td colspan="6"><b>成绩单</b></td>
</tr>
<tr align="center">
<th>学号</th>
<th>姓名</th>
<th>C++课程设计</th>
<th>Web开发</th>
<th>软件开发</th>
<th>信息伦理学</th>
<tr align="left">
<td>1402003100</td><td>海小</td><td>90</td><td>95</td><td>100</td><td>95</td>
<tr align="left">
<td>1402003109</td><td>杜丽</td><td>96</td><td>98</td><td>100</td><td>98</td>
<tr align="left">
<td>1402003110</td><td>小小</td><td>89</td><td>89</td><td>99</td><td>90</td>
</table>
</body>
</html>
显示结果：
二、框架
frame.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>框架应用</title>
</head>
<body>
<frameset rows="80,*" cols="*" frameborder="yes" border="2" bordercolor="#A572AA">
<frame src="top.jsp" name="topFrame">
<frameset cols="15%, 85%" frameborder="yes" border="2" bordercolor="#A572AA">
<frame src="left.jsp" name="mainFrame">
</frameset>
</frameset>
</body>
</html>
left.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>LeftFrame</title>
</head>
<body bgcolor="#EAD0D9">
<font size="5">
<p><a href="main0.jsp" target="mianFrame">第一章 回答在牛奶箱里</a></p>
<p><a href="main1.jsp" target="mainFrame">第二章 深夜的口琴声</a></p>
<p><a href="main2.jsp" target="mainFrame">第三章 在思域车上等到天亮</a>
<p>第四章 听着披头士祈祷</p>
<p>第五章 来自天上的祈祷</p>
</font>
</body>
</html>
三、表单综合应用
TableApply.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TableApply</title>
</head>
<body>
<form action="" method="post"enctype="multipart/form-data" name="forml1">
<table width="500" border="2" align="center bgcolor="#F2F2F2" bordercolor=#A76BAB>
<tr>
<td colspan="2" align="center">时光之旅注册</td>
</tr>
<tr>
<td width="100" align="right">用户名：</td>
<td width="410"><input type="text" name="userid"></td>
</tr>
<tr>
<td align="right">密码：</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td><input type="password" name="pass2"></td>
</tr>
<tr>
<td align="right">性别</td>
<td>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</td>
</tr>
<tr>
<td align="right">特长：</td>
<td><input type="checkbox" name="checkbox" value="001">绘画
<input type="checkbox" name="checkbox2" value="002">软件
<input type="checkbox" name="checkbox3" value="003">文学
<input type="checkbox" name="checkbox4" value="004">前端
<input type="checkbox" name="checkbox5" value="005">其它
</td>
</tr>
<tr>
<td align="right">仙居:</td>
<td><select name="select">
<option value="01">北京</option>
<option value="02">青岛</option>
<option value="03">上海</option>
<option value="04">杭州</option>
<option value="05">南京</option>
<option value="06">兰州</option>
</select>
</td>
</tr>
<tr>
<td align="right">照片：</td>
<td><input type="file" name="photo"></td>
</tr>
<tr>
<td align="right">留言：</td>
<td><textarea name="textfield" rows="4"></textarea></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="提交">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>
效果图：
JavaScript小回顾：
一、显示日期：
Date.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript Review</title>
</head>
<body>
<script language="JavaScript">
//通过日期类Date的对象来获取当前的年月日和星期
var today = new Date();
var day = today.getDate();
var month = today.getMonth()+1;
var year = today.getFullYear();
var week = today.getDay();
var vw = new Arry("星期天","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("今天是："+year+"年"+month+"月"+day+"日"+vw[week]);
document.title="今天是"+year+"年"+month+"月"+day+"日"+vw[week];
</script>
</body>
</html>
二、基础的表单验证
FormCheck.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单验证</title>
</head>
<body bgcolor="#F8F8F8">
<form name="forml1" action="#" onSubmit="return check()">
用户名：<input type="text" name="user"><br>
邮 件：<input type="text" name="email"><br>
<input type="submit" name="button" value="提交">
</form>
</body>
</html>
<script language="JavaScript">
<!--
function check(){
if(document.form1.user.value.length==0){
alert("请输入用户名~");
return false;
}
if(document.form1.email.value.indexOf("@")==-1 ||document.form1.email1.value.length==0){
alert("请输入正确的email地址");
return false;
}
return true;
}
//-->
</script>
表单整理先到这儿。。整理数据库去啦。。一个人霸占一个偌大的教室棒极了哇卡卡。。
JSP复习整理（一）表单的更多相关文章
- 总结：JSP几种提交表单方法
问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...
- JSP复习整理（五）JavaBean使用表单处理数据
一.先建立用户输入的数据 usingGetparameter.html <!DOCTYPE html> <html> <head> <meta charset ...
- JSP简单练习-获取表单数据
在JSP中,server端程序与client交互最经常使用的方法就是採用表单提交数据.表单提交的方法主要有两种,一种是get方法.还有一种是post方法.两者最大的差别:使用get方法提交的数据会显示 ...
- JavaWeb学习总结（十五）Jsp中提交的表单的get和post的两种方式
两者的比较: Get方式: 将请求的参数名和值转换成字符串,并附加在原来的URL之后,不安全 传输的数据量较小,一般不能大于2KB: post方式: 数量较大: 请求的参数和值放在HTML的请求头中, ...
- jsp 通用获取所有表单值传后台
新建一个js文件,自定义一个jquery 函数. 在jsp页面引用 下面为:自定义函数 $.fn.GetDivJson = function (prifix,orgModel) { var $oute ...
- JSP复习整理（二）基本语法
最基础的整理.. 一.语句声明 <%@ page language="java" contentType="text/html; charset=UTF-8&quo ...
- JSP复习整理（五）JavaBean生命周期
一.创建一个JavaBean UserBean.java package jsp.test; public class UserBean { private String userName; priv ...
- JSP复习整理（四）Cookie
一.useCookie.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
- JSP复习整理（三）基本语法续
查看注册后的信息: TestBean.java package com.hai.xaio.cn; public class TestBean { public String userName; pub ...
随机推荐
- Python Numpy,Pandas基础笔记
Numpy Numpy是python的一个库.支持维度数组与矩阵计算并提供大量的数学函数库. arr = np.array([[1.2,1.3,1.4],[1.5,1.6,1.7]])#创建ndarr ...
- js文件中函数前加分号和感叹号是什么意思？
本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}(); !有什么用? 从语法上来开,JavaScri ...
- linux0.11改进之四 基于内核栈的进程切换
这是学习哈工大李治军在mooc课操作系统时做的实验记录.原实验报告在实验楼上.现转移到这里.备以后整理之用. 完整的实验代码见:实验楼代码 一.tss方式的进程切换 Linux0.11中默认使用的是硬 ...
- jquery的.html(),.text()和.val()方法
新人一段时间没写前端代码就有点忘记了,现在来复习一下..html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法: .html() 不传入值,就是 ...
- [Reproduced works]MongoDB Unauthorized Access Vulnerability
mongodb未授权访问漏洞 catalogue 1. mongodb安装 2. 未授权访问漏洞 3. 漏洞修复及加固 4. 自动化检测点 1. mongodb安装 apt-get install m ...
- BZOJ1257 [CQOI2007]余数之和sum
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/ ...
- 批量 ping 测试脚本
是否会使用 vpn 工作,已经成为魔法师和麻瓜之间最重要的区分.使用 vpn 工作,也产生了其它一些奇奇怪怪的问题,比如,选择 vpn 服务器. 你要测试哪个 vpn 离你最近. 所以,就有了下面的脚 ...
- 练手小游戏（代码篇之敌人AI
诶呀~又没有更新微博,去拔牙了,疼死了,休息了几天过来接着写代码~ 首先是Base.写了一个框架,照别人扒的. Base分三部分,AILocomotion(AI移动),Steering(行为基类),V ...
- POJ 2251 Dungeon Master（3D迷宫 bfs）
传送门 Dungeon Master Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 28416 Accepted: 11 ...
- c# .Net :Excel NPOI导入导出操作教程之数据库表信息数据导出到一个Excel文件并写到磁盘示例分享
string sql = @"select * from T_Excel"; ----------------DataTable Star---------------- ...