html怎么做登录注册页面

html-css016

html怎么做登录注册页面,第1张

<form action = "a.html" method = "post">

用户名:<input type = "text" name = "username" id = "username">

<br>

密码:<input type = "password" name = "password" id = "password">

<br>

<input type = "submit" id = "submit" value = "登录">

</form>

需要一个user表存放用户名和密码。注册的时候把页面上填写的用户名和密码传到后台,在表中新建记录,当然注册的时候需要判断一些东西:用户名是否存在,用户名的格式,密码的格式,密码是否太简单等等。登录的时候也是把页面上填写的用户名和密码传到后台,和数据库里的记录进行匹配,如果匹配成功就登录进去。

<html>

<head>

<font face="华文隶书" size="+2">登陆界面<br/>

<script language="javascript">

function check(){

if (form.username.value==""){

alert("用户名不能为空!")

form.username.focus()

return false

}

if (form.password.value==""){

alert("密码不能为空!")

form.password.focus()

return false

}

if (form.password2.value==""){

alert("请再次输入密码!")

form.password2.focus()

return false

}

if (form.password.value!==orm.password2.value){

alert("两次密码不相同!")

form.password2.focus()

return false

}

if (form.email.value==""){

alert("邮箱为空!")

form.email.focus()

return false

}

var reg =/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

if(form.username.value!=""&&!form.username.value.match(regm)){

alert("邮箱格式不正确,检查后重新输入!")

form.username.focus()

return false

}

var sMobile = form.username.value

if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){

alert("不是完整的11位手机号或者正确的手机号前七位")

form.username.value.focus()

return false

}

}

</head>

<body>

<form>

邮箱/手机登录:

<input type="text" name="username"/><br/>

登陆密码:

<input type="password" name="password"/><br/>

确认密码:

<input type="password" name="password2"><br/>

</form>

<form name="form" method="post" action=""/>

<table width="70%" class="mars" cellspacing="1" cellspacing="0" width="100%" border="0">

<tbody>

<tr>

<td class="item" width="41%">

<div align="right">邮箱/手机登录:</div>

</td>

<td width="7%"></td>

</body>

</html>