登录注册

我的主页:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<center>
<font size=7 color=pink>告白气球 - 二珂
<br>
作曲 : 周杰伦
<br>
作词 : 方文山
<br>
塞纳河畔 左岸的咖啡
<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追 想让我知难而退<br>
礼物不需挑最贵 只要香榭的落叶<br>
营造浪漫的约会 不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
塞纳河畔 左岸的咖啡<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追 想让我知难而退<br>
礼物不需挑最贵 只要香榭的落叶<br>
营造浪漫的约会 不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
亲爱的 爱上你 恋爱日记<br>
飘香水的回忆<br>
一整瓶 的梦境 全都有你<br>
搅拌在一起<br>
亲爱的别任性 你的眼睛<br>
在说我愿意<br></font></center>
</body>
</html>
<body background="img/jpg3.jpg">

注册界面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.mystyle{
         text-align:center;
         font-size:35pt;
         font-family:"楷书";
         Background-color:pink;
         }
div{
        width:540px;
        margin:50px auto;
        padding:20px;
        border:10px solid #ddd;
        overflow:hidden;
}
span{
}
}
i{
	color: blackred;
}
</style>
</head>
<body>
<from>
</head>
<body>
<p><span><b>名字</b></span><input id="user" type="text"  class="register-input" οnblur="checkuser(user)"/><i id="user_i"></i></p>
<p><span><b>密码</b></span><input id="pwd" type="password" class="register-input" οnblur="checkpwd(pwd)" /><i id="pwd_i"></i></p>
<p><span><b>确认密码</b></span><input id="repeatpsw" type="password" class="register-input" οnblur="checkrpwd(pwd,repeatpsw)" /><i id="repeatpsw_i"></i></p>
<tr>  
<td bgcolor=pink align="right">电子邮箱</td>  
<td><input type="text" name="eamil" size="20" maxlength="20"/><font></font></td>  
</tr>  
<tr>  
<br><td bgcolor=pink align="right">性别:</td></br> 
<td><input type="radio" name="sex" value="男" checked="checked"/>男<input type="radio" name="sex" value="女">女</td>  
</tr>  
<tr>  
<br><td bgcolor=pink align="right">爱好:</td></br>  
<td><input type="checkbox" value="运动">运动  
<input type="checkbox" value="聊天">聊天  
<input type="checkbox" value="玩游戏">玩游戏 
<input type="checkbox" value="睡觉">睡觉 
</td>  
</tr>    
<tr>  
<br><td bgcolor=pink align="right">出生日期:</td></br>  
<td><input type="text" name="year" size="3" maxlength="5" value="">年  
<select>  
<br><option value="">[请选择月份]</option></br>  
<option value="1月">1月</option>  
<option value="2月">2月</option>  
<option value="3月">3月</option>  
<option value="4月">4月</option>  
<option value="5月">5月</option>  
<option value="6月">6月</option>  
<option value="7月">7月</option>  
<option value="8月">8月</option>  
<option value="9月">9月</option>  
<option value="10月">10月</option>  
<option value="11月">11月</option>  
<option value="12月">12月</option>  
</select>月<input type="text" size="3" maxlength="2" value="">日</td>  
</tr>  
<tr>  
<br><td bgcolor=pink align="right"><input type="reset" value="      重填      "></td>  
<td><a href="NewFile.html">确认提交</td></br>  
</table>
</tr>
</form>
<body background="img/jpg2.jpg">
</body>
<script language="javascript">
function checkuser (user){
	var infuser=$("user_i"),
		val = user.value;
	if(!val){
		infuser.innerHTML=" 用户名不能为空!"
		return false;
	}
           infuser.innerHTML=" "
	   return true;
}
function checkpwd (pwd){
	var infpwd=$("pwd_i"),
		val = pwd.value;
	if(!val){
		infpwd.innerHTML=" 密码不能为空!"
		return false;
	}
	if(val.length<6){
		infpwd.innerHTML=" 请输入不少于6位的密码!"
		return false;
	}
	infpwd.innerHTML=" "
	   return true;
}
function checkrpwd(pwd,rpwd){
	var infrepwd=$("repeatpsw_i"),
		pwd = $('pwd'),
		rpwd = $('repeatpsw'),
		val = rpwd.value;
	if(!val){
		infrepwd.innerHTML=" 请输入确认密码!"
		return false;
	}
	if(pwd.value !== val){
		infrepwd.innerHTML=" 两次输入的密码不一致,请重新输入!"
		return false;
	}
	infrepwd.innerHTML=" ";
	return true;
}
function $(id){
	return document.getElementById(id);
}
</script>
</html>

登录界面:



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="#9DCFFF">  
<tr>  
<td  bgcolor="#E7FBFF" align="right">登录名:</td>  
<td align="left"><input type="text" value="" maxlength="10" name="denglu" size="20"/><font></font></td>  
</tr>    
<tr>  
<td bgcolor="#E7FBFF" align="right">密码:</td>  
<td><input type="password" name="userpsd" size="20" maxlength="20"/><font></font></td>  
</tr>
<td><a href="NewFile2.html">登录</a></td>  
<td><a href="NewFile1.html">注册</a></td>
</table>
</body>
</body>
</html>
<body background="img/jpg1.jpg">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="#9DCFFF">  
<tr>  
<td  bgcolor="#E7FBFF" align="right">登录名:</td>  
<td align="left"><input type="text" value="" maxlength="10" name="denglu" size="20"/><font></font></td>  
</tr>    
<tr>  
<td bgcolor="#E7FBFF" align="right">密码:</td>  
<td><input type="password" name="userpsd" size="20" maxlength="20"/><font></font></td>  
</tr>
<td><a href="NewFile2.html">登录</a></td>  
<td><a href="NewFile1.html">注册</a></td>
</table>
</body>
</body>
</html>
<body background="img/jpg1.jpg">




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
新手资源,可以学习一下html, <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link href="../css/mainpage.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="../css/tabs.css" /> <title>注册页面</title> <style type="text/css"> .STYLE5 {font-size: 36px} </style> </head> <body>     [removed] //sNameCheck() && passCheck() && bdaycheck() function validateform(){ if(sNameCheck() && passCheck()&&bdaycheck;()) return true; else return false; } // Login Name Validation function sNameCheck(){ var strName = document.userfrm.sname.value; if(strName.length != 0) { return true; } else { alert("请输入用户名"); return false; } } function passCheck(){ var userpass = document.userfrm.pass.value; var ruserpass = document.userfrm.rpass.value; if(userpass == "" && ruserpass == ""){ alert("未输入密码 \n" + "请输入密码"); document.userfrm.pass.focus(); return false; } if(userpass.length < 6){ alert("密码必须多于或等于 6 个字符。\n"); document.userfrm.pass.focus(); return false; } else if(userpass != ruserpass){ alert("两次输入的密码不一致"); document.userfrm.rpass.select(); return false; } return true; } function bdaycheck(){ var bmonth = document.userfrm.bmon.value; var bday = document.userfrm.bday.value; var byear = document.userfrm.byear.value; if (bmonth == "" || bday == "" || byear == "" || bday == "dd" || byear == "yyyy") { alert("请输入您的生日"); document.userfrm.bmon.focus(); return false; } for (i = 0; i < bday.length; i++) { var bnum = bday.substring(i,i+1) if (!(bnum 0)) { alert("日期无效"); document.userfrm.bday.focus(); return false; } } if(byear.substring(0,1)==2&&byear;.substring(1,2)==0) //年份必须以20打头 { for (j = 2; j < byear.length; j++) { var bynum = byear.substring(j,j+1); if (!(bynum 0)) { alert("年份无效"); document.userfrm.byear.focus(); return false; } } } else { alert("年份必须以20打头"); return false; } if (byear 2120) { alert("您输入的出生年份超出范围!\n请重新输入!"); document.userfrm.byear.focus(); return(false); } else if (bmonth 12) { alert("您输入的月份超出范围!\n请重新输入!"); document.userfrm.bmon.focus(); return(false); } else if (bday 31) { alert("您输入的日期超出范围!\n请重新输入!"); return(false); } return true; } [removed] <form name="userfrm" method="post" action="register_success.htm" validateform( )"> 登录名: <input name="sname" type="text" class="register_textBroader" id="sname" size="24">(可包含 a-z、0-9 和下划线) 密码: <input name="pass" type="password" class="register_textBroader" id="pass" size="26"> (至少包含 6 个字符) 再次输入密码: <input name="rpass" type="password" class="register_textBroader" id="rpass" size="26"></td> 出生日期: <input name="byear" class="register_textBroader" id="byear" value="yyyy" size=4 maxlength=4 > 年   [选择月份] 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月  月   <input name="bday" class="register_textBroader" id="bday" value="dd" size=2 maxlength=2 >日 <input type="reset" name="Reset" value=" 重 填 "></td> <input type="submit" name="Button" value="同意以下服务条款,提交注册信息"></td> </form> </body> </html>
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
提供的源码资源涵盖了python应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
对于JavaWeb的登录注册功能,您可以通过以下步骤实现: 1. 创建数据库表:首先,您需要创建一个用于存储用户信息的数据库表。该表应至少包含以下字段:用户ID、用户名、密码等。 2. 创建登录页面:您可以使用HTML和CSS创建一个登录页面。该页面应包含用户名和密码的输入字段以及提交按钮。 3. 创建注册页面:同样地,您可以使用HTML和CSS创建一个注册页面。该页面应包含用户名、密码和确认密码的输入字段以及注册按钮。 4. 设计Servlet:您需要创建用于处理登录和注册请求的Servlet。对于登录请求,您需要验证输入的用户名和密码是否与数据库中的记录匹配。对于注册请求,您需要检查用户名是否已经存在,并将新用户的信息插入到数据库中。 5. 设置Servlet映射:在web.xml文件中设置Servlet的映射,以便在浏览器中访问相应的URL时能够调用对应的Servlet。 6. 连接数据库:在Servlet中,您需要使用JDBC等方式连接数据库,并编写SQL语句来执行相关操作(如查询、插入等)。 7. 处理登录/注册结果:根据登录/注册操作的结果,在Servlet中编写相应的逻辑来处理成功或失败的情况。例如,登录成功后可以跳转到用户首页,登录失败则返回错误信息给用户。 8. 前端交互:在登录和注册页面中,您可以使用JavaScript来进行一些前端验证,例如检查密码长度、确认密码是否一致等。 以上是一个基本的JavaWeb登录注册功能的实现步骤。您可以根据具体需求进行相应的调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值