利用jsp写输入表单制作简历

简易版,需要的可以自行添加css样式,或者加个背景图啥的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人简历</title>
		<style type="text/css">
			tr{
				text-align:center;
			}
			table{
				width:100;
			}
			textarea{
				max-width:200px;
				min-width:200px;
				max-height:100px;
				min-height:100px;
			}
		</style>
	</head>
	<body>
		<div width="100%" height="100%">
		<form action="#" method="get">
			<table border="1" align="center" cellpadding="5" cellspacing="0">
				<caption>
					<h3>个人简历</h3>
				</caption>
				<tr height="5">
					<td>姓名</td>
					<td><input type="text" placeholder="请输入姓名"  name="name" size="10"></td>
					<td >性别</td>
					<td><input type="text" placeholder="请输入你的性别"  name="sex" size="10"></td>
					<td >出生年月</td>
					<td><input type="text" placeholder="输入出生年月" name="birthday" size="8"></td>
					<td rowspan="3" colspan="2" style="vertical-align:top;text-align:start;"><input type="file" name="tp"> </td>
				</tr>
				<tr>
					<td>民族</td>					
					<td><input type="text" name="mz" placeholder="请输入民族" value="汉" size="10"></td>
					<td>政治面貌</td>
					<td><input type="text" name="zzmm" placeholder="政治面貌" size="10"></td>
					<td >身高</td>
					<td><input type="text" placeholder="身高" name="sg" size="8"></td>
				</tr>
				<tr>
					<td>学制</td>
					<td><input type="text" placeholder="学制" name="xz" size="10"></td>
					<td>学历</td>
					<td><input type="text" placeholder="学历" name="xl" size="10"></td>
					<td >户籍</td>
					<td><input type="text" size="8" placeholder="户籍" name="hj"></td>
				</tr>
				<tr>
					<td colspan="8"><input type="text" size="130" placeholder="特长、技能、爱好" name="ly1"></td>
				</tr>
				<tr>
					<td>外语等级</td>
					<td colspan="2"><input type="text" placeholder="外语等级" name="wydj"></td>
					<td>毕业学校</td>
					<td colspan="4"><input type="text" placeholder="毕业院校" size="57" name="school"></td>
				</tr>
				<tr>
					<td colspan="8"><input type="text" size="130" placeholder="个人履历" name="resume"></td>
				</tr>
				<tr>
					<td>时间</td>
					<td colspan="2">单位</td>
					<td colspan="5">经历</td>
				</tr>
				<tr>
					<td><input type="text" placeholder="时间" name="sj1"></td>
					<td  colspan="2"><input type="text" placeholder="单位" name="dw1"></td>
					<td  colspan="5"><input type="text" placeholder="经历" size="75" name="jl1"></td>
				</tr>
				<tr>
					<td><input type="text" placeholder="时间" name="sj2"></td>
					<td  colspan="2"><input type="text" placeholder="单位" name="dw2"></td>
					<td colspan="5"><input type="text" placeholder="经历" size="75"name="jl2"></td>
				</tr>
				<tr>
					<td><input type="text" placeholder="时间" name="sj3"></td>
					<td colspan="2"><input type="text" placeholder="单位" name=dw3></td>
					<td colspan="5"><input type="text" placeholder="经历" size="75" name="jl3"></td>
				</tr>
				<tr>
					<td colspan="8"><input type="text" required placeholder="联系电话" size="130" ></td>
				</tr>
				<tr>
					<td >通信地址</td>
					<td colspan="2"><input type="text" name="address" placeholder="地址"></td>
					<td >联系电话</td>
					<td colspan="4"><input type="text" name="tell" size="57" placeholder="电话"></td>
				</tr>
				<tr>
					<td>E—mail</td>
					<td colspan="2"><input type="email" name="email" required placeholder="请输入邮箱"></td>
					<td>邮编</td>
					<td colspan="4"><input type="text" name="yb" placeholder="邮编" size="57"></td>
				</tr>
				<tr>
					<td colspan="8"><center>自我评价</center></td>
				</tr>
				<tr>
					<td colspan="8"><input type="text" name="tj" size="130"></td>
				</tr>
				<tr>
					<td colspan="8"><center>获奖情况</center></td>
				</tr>
				<tr>
					<td colspan="8"><input type="text" name="certificate" size="130"></td>
				</tr>
				<tr>
					<td colspan="8" align="center"><input type="submit" value="提交信息"></td>
				</tr>
				<tr>
					<td colspan="8" align="center"><input type="submit" value="重置"></td>
				</tr>
			</table>	
			
		</form>
		
		</div>
	</body>
</html>

        制作不易,三连,感谢!

        交作业的别全抄!

  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
高清完整版,自己做的目录。 前言 课程设计说明 关于引用作品版权说明 第1章 Bootstrap入门 1 Bootstrap简介 1.1 Bootstrap简介 1.2 Bootstrap文件结构和标准模板 操作案例:在页面中使用Bootstrap 2 Bootstrap功能介绍 2.1.Bootstrap构成模块 2.2 Bootstrap的特色和功能介绍 2.2.1 Bootstrap的特色 2.2.2 媒体查询 2.2.3 Bootstrap主要功能 2.3 Bootstrap优秀插件 2.4 Bootstrap版本变化 3 Bootstrap优秀网站示例 本章总结 本章作业 第2章 Bootstrap布局 1 Bootstrap的结构 1.1 使用栅格系统 1.1.1 绘制栅格 1.1.2 栅格系统的列偏移 操作案例1:制作音乐网站首页 1.1.3 栅格系统的列交换 1.1.4 栅格系统的嵌套 1.2 响应式栅格 操作案例2:组合栅格系统 2 CSS布局概要 2.1 CSS布局简介 2.2 基础排版 2.2.1 标题 2.2.2 主体内容 2.2.3 对齐方式 2.2.4 列表 3 禁用响应式布局 本章总结 本章作业 第3章 Bootstrap组件 1 按钮 操作案例1:制作Bootstrap官网案例页面 2 表格 3 CSS组件 3.1 表单 3.2 输入框组 3.3 图标 3.4 下拉菜单 操作案例2:制作收集用户信息页面 3.5 按钮组 3.6 导航和导航条 操作案例3:制作导航栏 3.7 缩略图 3.8 媒体对象 本章总结 本章作业 第4章 Bootstrap插件 l 动画过渡 2 Bootstrap中的JS插件 2.1 模态框 操作案例1:利用模态窗体制作百度登录框 2.2 轮播图 操作案例2:利用.Bootstrap制作携程网首页的轮播图 2.3 选项卡 2.4 折叠 操作案例3:利用Bootstrap制作导航菜单 本章总结 本章作业 第5章jQuery Mobile入门 l jQuery Mobile入门 1.1 jQuery Mobile简介 1.2 jQuery Mobile准备文档 1.3 jQuery Mobile架构 1.3.1 jQuery Mobile属性 1.3.2 jQuery Mobile主题 1.3.3 jQuery Mobile视图 操作案例1:制作jQuery Mobile基本页面 1.3.4 jQuery Mobile对话框 1.4 与电话整合 操作案例2:制作商家信息展示页面 2 jQuery Mobile UI组件 2.1 网格系统 2.2 格式化内容 2.3 可折叠的内容 2.4 工具栏 操作案例3:制作影视介绍页面 2.5 按钮 操作案例4:制作音乐播放器页面 本章总结 本章作业 第6章jQuery Mobile基础 1 列表 1.1 整页列表与插入列表 1.2 视觉分隔符 1.3 交互行 1.4 图片 1.4.1 图标 1.4.2 缩略图 1.4.3 计数气泡 2 表单组件 2.1 表单动作 2.2 表单元素 2.2.1 文本标签和容器标签 2.2.2 文本输入框 2.2.3 textarea输入区域 2.2.4 HTML5新增标签 操作案例:制作信息收集页面 3 jQuery Mobile API 3.1 jQuery:Mobile API 3.2 jQuery Mobile事件 3.2.1 页面事件 3.2.2 方向事件 3.2.3 触摸事件 本章总结 本章作业
JSP下载文件说明包括两部分内容,一部分是JSP基础知识;另一部分是综合实例。读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并启动Tomcat服务器,在浏览器中浏览网页。 表1 第1章 序号 文件名称 位置 说明 1 SimpleJSP.jsp 第1章\ch1 第一个JSP页面 2 web.xml 第1章\ch1\WEB-INF 第1章程序应用的描述文件 表2 第2章 序号 文件名称 位置 说明 1 sample1.html 第2章\ch2 第一个HTML网页 2 sample2.html 第2章\ch2 设置HTML网页标题示例 3 sample3.html 第2章\ch2 设置HTML网页字体示例 4 sample4.html 第2章\ch2 设置HTML网页其他字体示例 5 sample5.html 第2章\ch2 换行与不换行标记示例 6 sample6.html 第2章\ch2 对齐标记示例 7 sample7.html 第2章\ch2 创建表格示例 8 sample8.html 第2章\ch2 设计表单示例 9 sample9.html 第2章\ch2 图象标记示例 10 sample10.html 第2章\ch2 链接标记示例 11 sample11.html 第2章\ch2 简单的JavaScript示例 12 sample12.html 第2章\ch2 介绍String对象示例 13 sample13.html 第2章\ch2 介绍Date对象示例 14 sample14.html 第2章\ch2 介绍Math对象示例 15 sample15.html 第2章\ch2 介绍Windows对象示例 续表 序号 文件名称 位置 说明 16 sample16.html 第2章\ch2 介绍鼠标事件示例 17 sample17.html 第2章\ch2 介绍键盘事件示例 18 sample18.html 第2章\ch2 介绍焦点事件示例 19 sample19.html 第2章\ch2 介绍调整窗口尺寸事件示例 20 sample17.html 第2章\ch2 介绍加载和卸载事件示例 21 02_1.jpg 第2章\ch2\image sample9.html中使用的图片文件 22 web.xml 第2章\ch2\WEB-INF 第2章程序应用的描述文件 23 register.html 第2章\ch2 习题答案,用户注册页面 表3 第3章 序号 文件名称 位置 说明 1 Add.java 第3章\ch3 习题答案(编程题第1题) 2 Add.class 第3章\ch3 习题答案(编程题第1题) 3 Fibonacci.java 第3章\ch3 习题答案(编程题第2题) 4 Fibonacci.class 第3章\ch3 习题答案(编程题第2题) 5 Cylinder.java 第3章\ch3 习题答案(编程题第3题) 6 Cylinder.class 第3章\ch3 习题答案(编程题第3题) 表4 第4章 序号 文件名称 位置 说明 1 example.jsp 第4章\ch4 一个典型的JSP页面 2 head.jsp 第4章\ch4 include指令示例(显示标题和页头) 3 body.jsp 第4章\ch4 include指令示例(显示页体) 4 tail.jsp 第4章\ch4 include指令示例(显示页尾) 5 include.jsp 第4章\ch4 利用include指令包含上述3个JSP页面 6 example1.jsp 第4章\ch4 Scriptlet示例 7 div.jsp 第4章\ch4 处理客户请求阶段的错误示例 8 error.jsp 第4章\ch4 div.jsp页面的错误处理页面 9 web.xml 第4章\ch4\WEB-INF 第4章程序应用的描述文

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值