源代码:

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的更多相关文章

随机推荐

  1. shell专题(十):Shell工具(重点)

    10.1 cut cut的工作就是“剪”,具体的说就是在文件中负责剪切数据用的.cut 命令从文件的每一行剪切字节.字符和字段并将这些字节.字符和字段输出. 1.基本用法 cut [选项参数]  fi ...

  2. 数据可视化之DAX篇(一)Power BI时间智能函数如何处理2月29日的?

    https://zhuanlan.zhihu.com/p/109964336 ​今年是闰年,有星友问我,在Power BI中,2月29日的上年同期是怎么计算的? 这是个好问题,正好梳理一下,Power ...

  3. tensorflow.python.framework.errors_impl.InvalidArgumentError: You must feed a value for placeholder tensor 'x_1' with dtype float and shape [?,227,227,3]

    记一次超级蠢超级折磨我的bug. 报错内容: tensorflow.python.framework.errors_impl.InvalidArgumentError: You must feed a ...

  4. 一文读懂Java中的动态代理

    从代理模式说起 回顾前文: 设计模式系列之代理模式(Proxy Pattern) 要读懂动态代理,应从代理模式说起.而实现代理模式,常见有下面两种实现: (1) 代理类关联目标对象,实现目标对象实现的 ...

  5. nodejs之数据库连接

    nodejs 对 MySQL.mongodb.redis 数据库的连接方式. MySQL: var mysql = require('mysql') var { MYSQL } = require(' ...

  6. Halcon一维测量官方案例解析

    下面的例子简要介绍了如何使用HALCON的一维测量工具.最长的部分是预处理和后处理:测量本身只包括两个操作符调用. 测量保险丝-fuse 预处理主要是测量线的生成.在示例程序中,这个步骤是通过将测量对 ...

  7. Ethical Hacking - NETWORK PENETRATION TESTING(20)

    MITM - Capturing Screen Of Target & Injecting a Keylogger ScreenShotter Plugin: ScreenShotter: U ...

  8. Python Ethical Hacking - Bypass HTTPS(1)

    HTTPS: Problem: Data in HTTP is sent as plain text. A MITM can read and edit requests and responses. ...

  9. C++语法小记---友元

    友元函数 延续C语言的结构体编程方式,直接访问类的私有成员,提高效率 友元分为函数友元和类友元 友元函数可以访问类的所有成员 友元类的所有成员函数都是友元函数 友元不具备传递性 友元函数和类的成员函数 ...

  10. socket链接

    服务端: package com.batch.service.impl; import java.io.BufferedReader; import java.io.BufferedWriter; i ...