<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
html>
<html>
<head>
<meta charset="utf-8">
<title>分享阁之家title>
<style type="text/css">
form
{
width:100%;
height:100%;
margin-top: 100px;
margin-bottom: 100px;
background:pink;
}
div
{
display:inline-block;
padding-top: 255px;
padding-bottom: 255px;
padding-left: 1px;
padding-right: 1px;
}
h2
{
font-family: "微软雅黑";
font-size: 40px;
color:black;
}
#log
{
color:blue;
}
style>
<script type="text/javascript">
<script type="text/javascript">
function check(form){
if(form.username.value==""){
alert("用户名不能为空！");
return false;
}
if(form.password.value=="")
{
alert("密码不能为空！")
}
}script>
head>
<body>
<form action="" method="post" onsubmit="return check(this);">
<center>
<div>
<h2>
注册
h2>
<p>
用户名：label><input type="text" name="username"/>
p>
<p>
密 码：<input type="text" name="password"/>
p>
<p>
确认密码：<input type="text" name="password"/>
p>
<p>
<input id=reg type="submit" value="立即注册" />
p>
<p>
<a href="dl.html">请登录a>
p>
div>
center>
form>
body>
html>
下面这个代码不行的话，你去百度搜 css平行四边形。应该可以搞定了
.button { transform: skewX(-45deg); }
.button > div { transform: skewX(45deg); }
HTML页面没有问题，但是JavaScript部分有一些问题：1、check函数中缺少对确认密码的检验；2、check函数中没有对密码的有效性检验；3、check函数中没有对表单是否填写完整的检验。