注册项目 - index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/分页.css" />
<link rel="stylesheet" href="css/phone.css" />
<link rel="stylesheet" href="css/Em.css" />
<script src="js/分页.js" type="text/javascript" charset="utf-8"></script>
<script src="js/phone.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Em.js" type="text/javascript" charset="utf-8"></script>
<script src="js/验证码.js" type="text/javascript" charset="utf-8"></script>
</head>
<body style="background-image: url(img/01.jpg);">
<div class="containter">
<div class="head">
<div id="head1" class="on" onclick="setTab(1)">手机注册</div>
<div id="head2" onclick="setTab(2)">邮箱注册</div>
</div>

<div class="body">
<div id="body1"class="on">
<form action="" method="" onsubmit="return ChA()">
<p><font size="5" color="#FF7F50">欢迎来到手机号注册页面</font></p>
<input type="text" id="phone" name="" placeholder="请输入手机号" class="a" onblur="check()"/><br />
<span id="tPhone"><font size="2"color="darkgrey">手机号位11位数字</font></span><br />
<input type="password" id="password" name="" placeholder="请输入密码" class="a" onblur="chP()"/><br />
<span id="tcode"><font size="2"color="darkgrey">6位字符,区分大小写</font></span><br />
<input type="text" id="inputCode" name="" placeholder="请输入验证码" class="b" onblur="validateCode()"/>
<input type="button"id="checkCode" name="" value="获取验证码"class="b" onclick="createCode(4)" /><br />
<span id="tyzm"><font size="2"color="darkgrey">验证码为4位任意字符</font></span><br />
<input type="checkbox" id="ck" name=""/>我同意<font color="coral">《搜狐服务协议》 《搜狐隐私政策》</font><br />
<input type="submit" value="注册" class="btn"/>
</form>
</div>
<div id="body2">
<form action="" method="get" onsubmit="return checkAll()">
<p><font size="5" color="#FF7F50">欢迎来到邮箱注册页面</font></p>
<input type="text" id="Em" class="enter" name="account" placeholder="请输入你的邮箱号" onblur="CheckEm()"/><br />
<!--用于提示 Span文字标签 张肖-->
<span id="span1"><font size="2"color="darkgrey">6-18个字符,可以使用字母,数字下划线 可以以字母开头</font></span><br />
<!--input密码输入框 onblur="checkAll()"绑定失去焦点事件 张肖-->
<input type="password" id="psd1" class="enter" name="password1" placeholder="请输入你的密码"onblur="checkPas1 ()" /><br />
<!--用于提示 Span文字标签 张肖-->
<span id="span2"><font size="2"color="darkgrey">6位字符,区分大小写</font></span><br />
<input type="password" id="psd2" class="enter" name="password1" placeholder="请重新输入你的密码" onblur="checkPas2 ()"/><br />
<span id="span3"><font size="2"color="darkgrey">6位字符,区分大小写</font></span><br />
<input type="text" id="phone" class="enter" name="code" placeholder="请输入你的手机号"onblur="checkphone()" /><br />
<span id="span4"><font size="2"color="darkgrey">手机号位11位数字</font></span><br />
<!--input复选框 onblur="checkAll()"绑定失去焦点事件 张肖-->
<input type="checkbox" id="chose" onblur="cr()" name="read"/><font size="2" color="#FF7F50">同意《服务条款》《儿童隐私政策》</font><br />
<!--input提交按钮 onclick"checkAll()"绑定点击事件 张肖-->
<input type="submit" value="注册" id="btn" onclick="checkAll()"/>
</form>
</div>
</div>
</div>
</body>
</html>

posted @ 2020-09-28 13:58  Smile*^  阅读(233)  评论(0编辑  收藏  举报