IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> 程序创新大会报名表1.0(html) -> 正文阅读

[Java知识库]程序创新大会报名表1.0(html)

写再前面的话

1,本文为Java学习五部分第二部分所有项目回顾(前端练习系列-对应Java体系第二部分第二阶段内容)这些再前面的博客里有,再写会重复的。但是一想到我设计的第五部分第一阶段本来就要把那些值得记录的项目练习单独整理一遍。所以,理应如此,我会写的更好的。
2,整体项目系列博客(包括整体快递e站系列,数据库练习系列,前端练习系列,Javaweb系列,SSM系列,微服务系列,实战系列,等)
3,完整的Java体系链接(比你想的更多的Java内容),感谢一下开课吧。

需求介绍:

在这里插入图片描述

代码运行成功截图:

在这里插入图片描述

思路分析:

分析个毛,怎么好看怎么弄。

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大会报名表</title>
	</head>
	<body>
		<center>
			<form method="get" enctype="multipart/form-data" >
					<table border="1" cellpadding="0" cellspacing="0"  width="900px"">
						<caption>程序创新大会报名表</caption>
						<thead style="background-color:cadetblue;">
							<tr align="center">
								<td colspan="7">个人信息</td>
							</tr>
						</thead>
						<tbody style="background-color:aliceblue;">
							<tr>
								<th style="width: 200px;">姓名</th>
								<td style="width: 180px;"><input name="name" placeholder="请在此输入姓名" style="border: -webkit-link; height:35px"/></td>
								<th style="width: 170px;">年龄</th>
								<td style="width: 150px;"><input name="age" placeholder="请在此输入年龄" style="border: -webkit-link; height:35px" /></td>
								<th style="width: 150px;">性别</th>
								<th style="width: 170px;">
									<input type="radio" name="gender" value="男性"/><input type="radio" name="gender" value="女性"/></th>
								<td style="width: 140px;" align="center" rowspan="3">照片<input type="file" name="photo" multiple="multiple"/></td>
							</tr>
							<tr>
								<th>学院</th>
								<td style="width: 180px;"><input name="college" placeholder="请在此输入学院" style="border: -webkit-link; height:35px" /></td>
								<th>专业班级</th>
								<td style="width: 180px;"  colspan="3"><input name="class"  placeholder="请在此输入专业班级" style="border: -webkit-link; width:250px; height:35px" /></td>
							</tr>
							<tr>
								<th>出生日期</th>
								<th><input style="border: -webkit-link; height:35px" type="date" name="birthday"  placeholder="请在此输入出生日期"/></th>
								<th>强项</th>
								<th colspan="3">
									<input type="checkbox" name="major" value="web前端"/>前端
									<input type="checkbox" name="major" value="java后端"/>后端
									<input type="checkbox" name="major" value="数据库"/>数据库
								</th>
							</tr>
							<tr>
								<th>电话号码</th>
								<td style="width: 180px;"><input name="phoneNumber" placeholder="请在此输入电话号码" style="border: -webkit-link;height:35px" /></td>
								<th>qq号码</th>
								<td style="width: 180px;"><input name="qqNumber"  placeholder="请在此输入QQ号码" style="border: -webkit-link; height:35px" /></td>
								<th>邮箱地址</th>
								<td colspan="2" style="width: 180px;"><input name="email"  placeholder="请在此输入邮箱" style="border: -webkit-link; height:35px" /></td>
							</tr>
							<tr>
								<th>宿舍地址</th>
								<td colspan="3"><input name="dormitoryAdress" placeholder="精确到宿舍号" style="border: -webkit-link; height:35px;"/></td>
								<th>项目经验</th>
								<th colspan="2">
									<input type="radio" name="expercience" value=""/>较少
									<input type="radio" name="expercience" value="2-5"/>2-5个
									<input type="radio" name="expercience" value="熟练"/>6-10个
									<input type="radio" name="expercience" value="大神"/>以上
								</th>
							</tr>
						</tbody>
						<tfoot style="background-color: aliceblue;">
							<tr>
								<th colspan="7">
									<textarea rows="8" cols="115" readonly="readonly" style="border: -webkit-link; font-size: x-large;">
			本次程序创新大会由计算机与通信学院主办,旨在借大会开展多种形式的活动,包括技术讲座、算法比赛、程序开发大赛等推动全校软件技术能力的提升,塑造向学氛围,培养技术人才。大赛不以任何商业收益为目的,最终解释权归大会组委会所有!参会期间需服从大会要求,若同意,请点击提交。
								    </textarea>
									<button style="border: -webkit-activelink; width: 80px; height: 38px; border:0; box-sizing: content-box;  border-radius: 30px;" type="submit" value="提交">点此提交</button>
									<p>建议用谷歌浏览器打开</p>
								</th>
							</tr>
						</tfoot>
					</table>
			</form>
		</center>
	</body>
</html>

附件:百度网盘资料链接(笔记+代码+其他)

链接:https://pan.baidu.com/s/1fl9n-QmvbTLBHQacVdQT9Q
提取码:1111

  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2022-02-26 11:16:56  更:2022-02-26 11:18:21 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 11:55:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码