源代码:

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. JVM 专题十四:本地方法接口

    1. 本地方法接口 2. 什么是本地方法? 简单来讲,一个Native Method就是一个Java调用非Java代码的接口.一个Native Method是这样一个java方法:该方法的实现由非Ja ...

  2. shell专题(一):Shell概述

    大数据程序员为什么要学习Shell呢? 1)需要看懂运维人员编写的Shell程序. 2)偶尔会编写一些简单Shell程序来管理集群.提高开发效

  3. 数据可视化之powerBI基础(二十)Power BI度量值和新建表,有什么异同?

    https://zhuanlan.zhihu.com/p/101812525 ​PowerBI中,有三个地方可以使用DAX,分别是度量值.新建列和新建表,这三个功能并成一排摆放在这里,如图所示, 之前 ...

  4. CSS-好玩的样式(用高斯模糊制作平缓突起)

    一.效果图: 应用: 二.上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  5. proxy是什么

    普通的因特网访问是一个典型的客户机与服务器结构:用户利用计算机上的客户端程序,如浏览器发出请求,远端WWW服务器程序响应请求并提供相应的数据.而Proxy处于客户机与服务器之间,对于服务器来说,Pro ...

  6. oracle添加配置多个端口监听

    原来配置:listener.ora文件如下: LISTENER = (DESCRIPTION_LIST = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOS ...

  7. 系统部署时的Could not load file or assembly 'Microsoft.VisualStudio.Enterprise.ASPNetHelper问题

    在web.config中,如下代码段 <compilation debug="true" targetFramework="4.0" assemblyPo ...

  8. OSCP Learning Notes - Exploit(7)

    Pre-Exploit Password Attacks Tools: 1. ncrack Ncrack 0.6 ( http://ncrack.org )Usage: ncrack [Options ...

  9. T133309 57级返校测试重测-T2-选票统计

    大致题意: 找出个数超过n/4的数们. 基本思路: 一开始我是用map做的,然后就很玄学的TLE了. 啊,那就换个法吧. 先排个序,然后一样的数就在一起了, 再然后直接从前往后遍历一下,就能得出结果了 ...

  10. 手把手撸套框架-ORM框架的选择

    目录 一,为什么选择SqlSugar? 在.net core ORM框架中,能选择的方案其实有很多,包括以下方案: 1,EF-Core 2,Dapper 3,FreeSql 4,SqlSugar 为什 ...