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的更多相关文章
随机推荐
- scrapy(四): 爬取二级页面的内容
scrapy爬取二级页面的内容 1.定义数据结构item.py文件 # -*- coding: utf-8 -*- ''' field: item.py ''' # Define here the m ...
- Maven 专题（一）：Maven 安装与配置（vscode）
0.首先了解一下maven安装目录 Bin:该目录包含Mvn运行的脚本 Boot:Maven自身的类加载器框架 Conf:包含非常重要的文件setting.xml Lib:该目录包含了所有Maven运 ...
- java 基本语法（十一） 数组（四）数组的常见算法
1.数组的创建与元素赋值: 杨辉三角(二维数组).回形数(二维数组).6个数,1-30之间随机生成且不重复. 杨辉三角 public class YHSJ { public static void m ...
- python 并发专题（十二）：基础部分补充（四）协程
相关概念: 协程:一个线程并发的处理任务 串行:一个线程执行一个任务,执行完毕之后,执行下一个任务 并行:多个CPU执行多个任务,4个CPU执行4个任务 并发:一个CPU执行多个任务,看起来像是同时执 ...
- Django之Model、Form、ModelForm区别
本节内容: 1:Model https://www.cnblogs.com/shuai1991/p/10844662.html 2:Form ...
- YAPI工具配置LDAP统一用户认证
背景:因为搭建了LDAP,因此希望将所有配置库或工具都使用LDAP进行统一用户认证,YAPI是其中一个. YAPI:使用docker-compose进行了安装,具体安装步骤自行百度. LDAP:使用d ...
- echarts 踩坑 : 为什么触摸柱状图的时后柱子不见了？原来是color的锅！
今天发现一个奇怪的问题. 当我的鼠标触摸柱状图的时候,柱状图就消失了. 后来发现是颜色的设置有问题. color: ['rgba(68,238,224)', 'rgba(17,215,255)', ' ...
- 当小程序遇见物联网IoT，几行代码搞定智能插座控制
在 5G 热潮的推动下,与其紧密结合的物联网(IoT)正日益成为个人和企业工作生活中的重要组成部分,它为企业和个人带来了操作流程的改进和更好的生活体验,随着人工智能(AI)技术的日趋成熟,IoT 与 ...
- Spark 3.0 新特性 之 自适应查询与分区动态裁剪
Spark憋了一年半的大招后,发布了3.0版本,新特性主要与Spark SQL和Python相关.这也恰恰说明了大数据方向的两大核心:BI与AI.下面是本次发布的主要特性,包括性能.API.生态升级. ...
- Bug--时区问题导致IDEA连接数据库失败
打开cmd进入mysql,设置 set global time_zone='+8:00';