MyFirstJavaWeb
源代码:
Register.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册页面</title>
<script type="text/javascript">
function check(form) {
with (form) {
if (username.value == "") {
alert("用户名不能为空");
return false;
} else if (password.value == "" || password1.value == "") {
alert("密码不能为空");
return false;
} else
return true;
}
}
</script>
<style>
.a {
border: 2px solid #a1a1a1;
padding: 10px 40px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
#bk {
border: 3px solid #a1a1a1;
padding: 10px 60px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
.button {
background-color: #ff8433;
border: none;
color: white;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 2px 2px;
cursor: pointer;
}
table{
margin: auto;
}
</style>
</head>
<body>
<br>
<br>
<br>
<h3 align="center">注册页面</h3>
<hr>
<form action="Rservlet" method="post"
onsubmit="return check(this);">
<div style="text-align: center;">
<table>
<tr>
<td>用户名</td>
<td><input id="bk" type="text" name="username" placeholder="6-12字母数字|字母开头" ></td>
</tr>
<tr>
<td>密码</td>
<td><input id="bk" type="password" name="password"placeholder="由6位英文和数字组成"></td>
</tr>
<tr>
<td>姓名</td>
<td><input id="bk" type="text" name="name"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female</td> </tr>
<tr>
<td>手机号</td>
<td><input id="bk" type="text" name="phone"></td>
</tr>
<tr>
<td>地区</td>
<td><select style="width:200px;hight:20px;" name="place">
<option value="天津">天津</option>
<option value="河北">河北</option>
<option value="北京">北京</option>
<option value="唐山">唐山</option>
</select></td>
</tr>
<tr>
<td>邮箱</td>
<td><input id="bk" type="text" name="email"></td>
</tr>
<tr>
<td></td>
<td><input class ="button" type="submit" value="注册">
<input class ="button" type="reset" value="重置"></td>
</tr>
</table>
</div>
</form>
</body>
</html>
login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册页面</title>
<script type="text/javascript">
function check(form) {
with (form) {
if (username.value == "") {
alert("用户名不能为空");
return false;
} else if (password.value == "" || password1.value == "") {
alert("密码不能为空");
return false;
} else
return true;
}
}
</script>
<style>
.a {
border: 2px solid #a1a1a1;
padding: 10px 40px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
#bk {
border: 3px solid #a1a1a1;
padding: 10px 60px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
.button {
background-color: #ff8433;
border: none;
color: white;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 2px 2px;
cursor: pointer;
}
table{
margin: auto;
}
</style>
</head>
<body>
<br>
<br>
<br>
<h3 align="center">注册页面</h3>
<hr>
<form action="Rservlet" method="post"
onsubmit="return check(this);">
<div style="text-align: center;">
<table>
<tr>
<td>用户名</td>
<td><input id="bk" type="text" name="username" placeholder="6-12字母数字|字母开头" ></td>
</tr>
<tr>
<td>密码</td>
<td><input id="bk" type="password" name="password"placeholder="由6位英文和数字组成"></td>
</tr>
<tr>
<td>姓名</td>
<td><input id="bk" type="text" name="name"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female</td> </tr>
<tr>
<td>手机号</td>
<td><input id="bk" type="text" name="phone"></td>
</tr>
<tr>
<td>地区</td>
<td><select style="width:200px;hight:20px;" name="place">
<option value="天津">天津</option>
<option value="河北">河北</option>
<option value="北京">北京</option>
<option value="唐山">唐山</option>
</select></td>
</tr>
<tr>
<td>邮箱</td>
<td><input id="bk" type="text" name="email"></td>
</tr>
<tr>
<td></td>
<td><input class ="button" type="submit" value="注册">
<input class ="button" type="reset" value="重置"></td>
</tr>
</table>
</div>
</form>
</body>
</html>
MyFirstJavaWeb的更多相关文章
随机推荐
- java 面向对象(二十六):枚举类的使用
1. 枚举类的说明:* 1.枚举类的理解:类的对象只有有限个,确定的.我们称此类为枚举类* 2.当需要定义一组常量时,强烈建议使用枚举类* 3.如果枚举类中只一个对象,则可以作为单例模式的实现方式. ...
- python 并发专题(二):python线程以及线程池相关以及实现
一 多线程实现 线程模块 - 多线程主要的内容:直接进行多线程操作,线程同步,带队列的多线程: Python3 通过两个标准库 _thread 和 threading 提供对线程的支持. _threa ...
- 接口测试框架实战(三)| JSON 请求与响应断言
关注公众号,获取测试开发实战干货合辑.本文节选自霍格沃兹<测试开发实战进阶>课程教学内容. 数据驱动就是通过数据的改变驱动自动化测试的执行,最终引起测试结果的改变.简单来说,就是参数化在自 ...
- 京东秋招提前批初试--java开发工程师
1,自我介绍,学过的课程有哪些 2,介绍一下java的内存结构和内存模型(jvm和jmm) 3,对于NIO有没有了解?作用是什么?(基于通道和缓冲区的I/O方式,用的是DirectByteBuffer ...
- git怎么合并远程分支
一共就五步: 1.把代码clone到本地仓库 git clone https://github.com/573734817pc/shop.git 2.在本地创建dev分支并与远程dev分支对应 git ...
- UnsupportedClassVersionError的错误处理
造成这种错误的原因是支持Tomcat运行的JDK版本与支持application运行的JDK版本不一致导致的. 解决办法: 将JDK版本改成一致. 步骤 1.Window ——> Prefere ...
- Python Ethical Hacking - MAC Address & How to Change(2)
FUNCTIONS Set of instructions to carry out a task. Can take input, and return a result. Make the cod ...
- IE11 CSS hack
IE11 怎么做 CSS hack ? 很简单. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { ...
- uTools - 你的生产力工具集
工具介绍 uTools是一个极简.插件化.跨平台的现代化桌面软件.通过自由选配丰富的插件,打造你得心应手的工具集合. 通过快捷键(默认alt+space)就可以快速呼出这个搜索框.它相当聪明,可以支持 ...
- select、poll和epoll之间的区别
在深入理解select.poll和epoll之间的区别之前,首先要了解什么是IO多路复用模型. IO多路复用 简单来说,IO多路复用是指内核一旦发现进程指定的一个或者多个IO条件准备就绪,它就通知该进 ...