可参照以下代码为模板进行编写：完整的代码1：https://download.csdn.net/download/mingzi1245/12406208 代码2https://download.csdn.net/download/mingzi1245/12406204
html是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
div id=win style="display:nonePOSITION:absoluteleft:50%top:50%width:600pxheight:400pxmargin-left:-300pxmargin-top:-200pxborder:1px solid #888background-color:#edftext-align:center">这是DIV登录框示例<br><a href="javascript:closeLogin()">关闭登录框</a></div><script>
function openLogin(){
document.getElementById("win").style.display=""
}
function closeLogin(){
document.getElementById("win").style.display="none"
}
</script>
<a href="javascript:openLogin()">打开登录框</a>
<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>
