📄 注册界面.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<SCRIPT LANGUAGE="JavaScript">
function webClock(){
var strTime, strDate;
var dNow = new Date();
var dHours = dNow.getHours();
var dMinutes = dNow.getMinutes();
var dSeconds = dNow.getSeconds();
strTime = dHours;
strTime += ((dMinutes<10) ? ":0" : ":") + dMinutes;
strTime += ((dSeconds<10) ? ":0" : ":") + dSeconds;
form2.time.value = strTime;
form2.time.value += " ";
var dYear = dNow.getYear();
var dMonth = dNow.getMonth() + 1;
var dDate = dNow.getDate();
strDate = dMonth;
strDate += ((dDate<10) ? "/0" : "/") + dDate;
strDate += "/" + dYear;
form2.time.value += strDate;
setTimeout("webClock()",1000);
}
function check(){
var e=document.form1.textfield.value;
var Password=document.form1.Password.value;
var Password2=document.form1.Password2.value;
//var radiobutton[2]=document.form1.radiobutton[].checked;
if(e.indexOf("@",0)==-1){
alert("电子邮件不能为空！\n必须包含@符号!");
return false;
}
if (Password==Password2){
if (Password.length>=6)
{
return true;
}
else {
alert('密码太少，请用6位以上');
return false;
}
}
else{
alert('两次输入的密码不一致，请检查后重试。');
return false;
}
/* if (radiobutton[0]==false && radiobutton[1]==false)
{
alert("请指定性别！");
return false;
}*/
}
</SCRIPT>
<TITLE></TITLE>
<style type="text/css">
h2{color:#009900;
font-family:"宋体";
font-size:24px;
}
h3{ color:#999999;
font-family:"宋体";
font-size:12px;
}
h4{ color:#FF0000;
font-family:"宋体";
font-size:12px;
}
A {color:#FF0000;
text-decoration:none;
}
A:hover{color:#3333FF;
text-decoration:underline;
}
#asze{ font-size:14px;
color:#3333FF;
border-style:none;
background-color:#CCCCFF;
}
body {
background-color: #CCCCFF;
}
</style>
<title>E_mail注册表单</title>
</head>
<body onload="webClock()">
<form id="form1" name="form1" method="post" action="注册成功.html" onsubmit="return check()">
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><h2>设置密码</h2></td>
<td>有<span style="color:#FF0000">*</span>标记的是必填项</td>
</tr>
<tr>
<td><div align="right">邮箱地址：</div></td>
<td><label>
<input name="textfield" type="text" size="27" id="textfield"/>
</label></td>
<td><h3>邮箱地址不能为空。</h3></td>
</tr>
<tr>
<td><div align="right"><span style="color:#FF0000">*</span> 密 码：</div></td>
<td><label>
<input name="Password" type="password" id="Password" size="27" maxlength="32" />
</label></td>
<td><h3>密码长度6～20位，由英文字母a～z (区分大小写)，数字0～9，特殊字符组成。</h3></td>
</tr>
<tr>
<td><div align="right"><span style="color:#FF0000">*</span> 请再次输入密码：</div></td>
<td><input name="Password2" type="password" id="Password2" size="27" maxlength="32" /></td>
</tr>
<tr>
<td><h2>密码保护设置</h2></td>
<td colspan="2"><h3>
为了保障邮箱安全，请至少选择两种方式进行填写并牢记。
</h3></td>
</tr>
<tr>
<td><div align="right">1、其他常用邮箱：</div></td>
<td><label>
<input name="textfield2" type="text" size="27" maxlength=" " />
</label></td>
<td><h4>万一你遇到问题或忘记密码，可通过此邮箱联系取回。</h4></td>
</tr>
<tr>
<td><div align="right">2、手机号码：</div></td>
<td><label>
<input name="textfield4" type="text" size="27" maxlength="10" />
</label></td>
<td><h4>通过手机可以取回密码</h4></td>
</tr>
<tr>
<td><div align="right">3、密码提示问题：</div></td>
<td><label>
<select name="select">
<option>[请选择您的密码提示问题]</option>
<option>***自定义您的密码提示问题***</option>
<option>您的出生日期是？</option>
<option>您最尊敬的人是？</option>
<option>您父亲的名字是？</option>
<option>您母亲的名字是？</option>
<option>您最爱读的书是？</option>
</select>
</label></td>
</tr>
<tr>
<td><div align="right">答 案：</div></td>
<td><label>
<input name="textfield5" type="text" size="28" />
</label></td>
</tr>
<tr>
<td colspan="3"><h2>个人资料</h2></td>
</tr>
<tr>
<td><div align="right"><span style="color:#FF0000">*</span> 性 别：</div></td>
<td><label>
<input name="radiobutton" type="radio" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td><div align="right">年 龄：</div></td>
<td><label>
<select name="select2">
<option>***********请选择**********</option>
<option><=15岁</option>
<option>16---18岁</option>
<option>19---22岁</option>
<option>23---27岁</option>
<option>28---33岁</option>
<option>34---40岁</option>
<option>41---50岁</option>
<option>>=51岁</option>
</select>
</label></td>
</tr>
<tr>
<td><div align="right">出生日期：</div></td>
<td colspan="2"><label>
<input name="textfield6" type="text" size="5" />
年
<input name="textfield7" type="text" size="5" />
月
<input name="textfield8" type="text" size="5" />
日
</label></td>
</tr>
<tr>
<td><div align="right">最高学历：</div></td>
<td><label>
<select name="select3">
<option>***********请选择**********</option>
<option>初中/初中以下</option>
<option>高中/中专/技校</option>
<option>大专</option>
<option>本科</option>
<option>硕士</option>
<option>博士/博士以上</option>
</select>
</label></td>
</tr>
<tr>
<td><div align="right">个人月收入：</div></td>
<td><label>
<select name="select4">
<option>***********请选择**********</option>
<option><500</option>
<option>500---1000</option>
<option>1000--2000</option>
<option>2000--3000</option>
<option>3000--4000</option>
<option>4000--5000</option>
<option>5000-10000</option>
<option>>10000</option>
</select>
</label></td>
</tr>
<tr>
<td colspan="3">
<div align="right">
<input type="checkbox" name="readed" id="readed" value="" checked="checked"/>
<a href="服务条款.html" target="blank"> 我已阅读并接受“服务条款”</a>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<input type="submit" name="Submit" value="注册" />
<label>
<input type="reset" name="Reset" value="重置" />
</label>
</td>
</tr>
</table>
</form>
<form id="form2" name="form2" method="post" action="">
<marquee direction="left" scrolldelay=" 100"><label><input name="time" type="text" id="asze" /></label>
</marquee>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -