<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>注册</title>
<style>
*{
padding: 0px;
margin: 0px;
}
body{
background:url(img/background.jpg) repeat;
}
.homepage{
-webkit-box-flex: 1;
flex: 1;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
border-radius: 2px;
min-height: 688px;
height: calc(100% - 42px);
box-sizing: border-box;
}
.signContent{
width: 432px;
margin: 0 auto;
text-align: center;
background-color: white;
border-radius:8px;
}
.header{
padding-top: 30px;
}
.signContent-slogen{
margin-top: 15px;
color: darkorange;
font-size:22px;
}
.registerbody{
padding: 0 40px 36px;
font-size: 14px;
}
.account{
height: 49px;
width:352px;
}
Input {
width: 352px;
height: 48px;
color:#1a1a1a;
line-height: 24px;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
margin: 0em;
font: 400 13.3333px Arial;
}
.Input{
-webkit-box-flex: 1;
flex: 1;
padding: 0;
overflow: hidden;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
background: transparent;
border: none;
outline: none;
resize: none;
}
.userid{
margin-top: 16px;
border-bottom: 1px solid #ebebeb;
border-radius: 0;
}
.password{
height: 49px;
width: 352px;
left: -16px;
border-bottom: 1px solid #ebebeb;
}
.password-inoput{
margin-top: 16px;
border-radius: 0;
}
.button{
width: 100%;
margin-top: 30px;
height: 36px;
color: #fff;
background-color: #0084ff;
border-color: #0084ff;
display: inline-block;
padding: 0 16px;
font-size: 14px;
line-height: 32px;
text-align: center;
cursor: pointer;
border: 1px solid;
border-radius: 3px;
}
.switch{
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
background-color: #f6f6f6;
height: 58px;
border-top: 1px solid #ebebeb;
font-size: 16px;
}
.switch a{
text-decoration: none;
}
.verifycode{
float: left;
margin-top: 0px;
border-bottom: 1px solid #ebebeb;
border-radius: 0;
width: 35%;
}
.codeInput{
/*-webkit-box-flex: 1;
flex: 1;*/
overflow: hidden;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
background: transparent;
border: none;
outline: none;
resize: none;
}
.change{
margin-top: 10px;
width: 65%;
padding: 0x;
font-size: 12px;
float: left;
}
.flag{
width:352px;
display: inline-block;
}
.stu_tea {
padding-top: 20px;
float: left;
}
.stu {
display:inline-block;
width:150px;
}
.tea{
display: inline-block;
width:150px;
}
input[type=radio] {
display: inline-block;
vertical-align:bottom;
width: 20px;
height: 20px;
-webkit-appearance: none;
background-color: transparent;
border: 0;
outline: 0 !important;
line-height: 20px;
color: #d8d8d8;
}
input[type=radio]:after {
content: "";
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 14px;
font-size: 16px;
color: #fff;
border: 3px solid #ddd;
background-color: #fff;
box-sizing: border-box;
}
input[type=radio]:checked:after {
content: "L";
transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
-webkit-transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
border-color: #099414;
background-color: #099414;
}
.identity {
height: 49px;
width: 352px;
}
</style>
</head>
<body>
<div class="homepage">
<div class="signContent">
<div class="content">
<div class="header">
<img src="img/logo.png" alt="logo" style="height: 65.625; width: 140px;" width="140px" height="65.625"/>
<div class="signContent-slogen">
<p>笑谈 校谈 校坛</p>
</div>
</div>
<div>
<div class="registerbody">
<form action="resultServlet" method="post">
<div class="account">
<div class="userid">
<input type="text" name="userid" oninvalid="setCustomValidity('请输入4-16位字母、数字或下划线')" class="Input" placeholder="4-16位字母、数字或下划线" required pattern="[a-zA-Z0-9_]{4,16}"/>
</div>
</div>
<div class="password">
<div class="password-input">
<input type="password" name="userpsd" oninvalid="setCustomValidity('请输入6-14位字母或数字')" class="Input" placeholder="6-14数字或字母" required pattern="[a-zA-Z0-9]{6,14}"/>
</div>
</div>
<div class="identity">
<div class="stu_tea">
<span class="stu"><label for="stu"><input name="iden" id="stu" type="radio" value="学生" />学生</label></span>
<span class="tea"><label for="tea"><input name="iden" id="tea" type="radio" value="老师" />老师</label></span>
</div>
</div>
<div class="flag">
<div class="verifycode">
<input type="text" name="code" class="codeInput" required placeholder="请输入验证码" />
</div>
<div class="change">
<img src="verifyLoginServlet" id="codeimg" width="120px" height="35px"/>
<a href="javascript:void(0)；" onclick="changeImg()">看不清楚，换一张</a>
</div>
</div>
<div class="buttom">
<button type="submit" class="button">注册</button>
</div>
</form>
</div>
<div class="switch">
已有账号？
<a href="login.html">登陆</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
function changeImg(){
//document.getElementById("imgId").src="verifyLoginServlet?"+new Data().getTime;
var img=document.getElementById("codeimg");
img.src=img.src+"?";
}
</script>
ch5.rar （27个子文件） 
ch5 css 
select.css 2KB login.css 4KB
deletStu.html 1KB delectTea.html 1KB showRecord.jsp 2KB insertStu.html 1KB manUpdateTeaInfo.jsp 2KB img 
background.jpg 747KB background1.jpg 311KB background3.jpg 31KB background4.jpg 6KB
logo.png 35KB background2.jpg 542KB UpdataPass.html 1KB teaSelect.html 953B login.html 2KB insertTea.html 2KB stuSelect.html 949B manTeaSelect.html 1KB UpdateStuGrade.jsp 2KB manStuSelect.html 1KB UpdateStuInfo.jsp 2KB register.html 7KB manUpdateStuInfo.jsp 2KB showTeaInfo.jsp 2KB manSelect.html 850B showStuAllInfo.jsp 2KB资源评论
muyu1142019-03-07垃圾玩意儿，没啥用
Ray小铭2019-05-08这个只能满足于学校里的实验设计，大神请绕道
Ray小铭
- 粉丝: 1
- 资源: 2
最新资源
- 服装销售平台源代码.zip
- 高校心理教育辅导设计与实现.zip
- 服装生产管理系统源代码.zip
- 3b123中学生日常行为评分管理系统_springboot+vue.zip
- 3b125流浪狗领养管理_springboot+vue.zip
- 3b124电影推荐系统_springboot+vue.zip
- 购物推荐网站源代码.zip
- 技术交流和分享平台源代码.zip
- 基于B2B平台的医疗病历交互系统源代码.zip
- 3b127旅游网站设计_springboot+vue0.zip
- 3b126小说网站系统_springboot+vue.zip
- 教师工作量管理系统源代码.zip
- 俱乐部管理系统源代码.zip
- 兼职网源代码.zip
- 美容院管理系统源代码.zip
- 旅游网站源代码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
