css+js简单实现126邮箱注册页面

最新推荐文章于 2022-01-16 16:04:11 发布

Felx_chu

最新推荐文章于 2022-01-16 16:04:11 发布

阅读量6.1k

点赞数 1

分类专栏： js 文章标签： js css html 126模仿

本文链接：https://blog.csdn.net/ghostchu/article/details/17536769

版权

这是一个使用HTML、CSS和JavaScript简单实现的126邮箱注册页面，包括邮箱地址、密码强度、重复密码的检测功能。页面样式和交互设计使得用户体验良好。

摘要由CSDN通过智能技术生成

经常受点刺激也是好事。提醒自己别忘了持之以恒。

开头先祝大家平安夜快乐。

下面是简单实现126邮箱注册，也是一个作业。主要实现了：邮箱检测，密码强度检测，重复密码检测等。

<!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" />
<title>126注册</title>

<style type="text/css">
<!--
body{
margin-left:140px;
}
#top {
margin-top:20px;
width:960px;
height:35px;
}
#pho{
background-repeat:no-repeat;
width:650px;
height:35px;
background-image:url(img/pho.png);
float:left;
}
#txt{
font:"宋体";
font-size:14px;
margin-top:10px;
margin-left:150px;
width:130px;
height:30px;
float:left;
}
#welcome{
margin-top:20px;
background-image:url(img/welcome.png);
width:960px;
height:40px;
}
#main{
width:960px;
height:540px;
border:1px;
}
#mleft{
width:640px;
height:540px;
float:left;
}
#mright{
width:320px;
height:540px;
background-image:url(img/rightm.png);
float:left;
}
#rbutton{
	margin-left:145px;
	margin-top:50px;
}
#emailR{	
	float:left;
	background-color:#375BEC;
	font-size:18px;
	font-family: "宋体";
	color: #FFFFFF;
	border-radius:5px;
}
#phoneR{
	background-color:#375BEC;
	font-size:18px;
	font-family: "宋体";
	color: #FFFFFF;
	float:left;
	border-radius:5px;
}
#tab{
color:#999999;
padding-top:20px;
margin-left:60px;
widows:450px;
height:380px;
clear:both;
font:"微软雅黑";
font-size:16px;
}
#bottom{
margin-top:20px;
}
#passStrongC{
width:90px;
}
#ps1{
float:left;
width:30px;
}
#ps2{
float:left;
width:30px;
}
#ps3{
float:left;
width:30px;
}
a:

-->
</style>
</head>

<body >
<div id="top">
	<div id="pho"> </div&