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

最新推荐文章于 2021-06-15 08:55:15 发布
最新推荐文章于 2021-06-15 08:55:15 发布
阅读量6.1k 收藏 9
点赞数 1
分类专栏： js 文章标签： js css html 126模仿
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ghostchu/article/details/17536769
版权 
经常受点刺激也是好事。提醒自己别忘了持之以恒。
开头先祝大家平安夜快乐。
下面是简单实现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&
最低0.47元/天 解锁文章
Felx_chu
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VB 登录126邮箱程序
06-06
在网上找了许久都未找到用 VB编写的一键登录126邮箱的代码，偶然发现，终于登录成功了。
javascript仿126邮箱TAB切换效果
weixin_33985679的博客
01-26 116
效果演示：此效果需要鼠标点击才能实现切换。 &lt;!-- 引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程 Editor:weasle Email:weasle@163.com QQ:112011531 --&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; ...
JavaScript 写了一个直接发邮件的web页面
11-24
用JavaScript 直接发送邮件 直接把页面上的内容写入邮件里面，收信人的邮箱 主题 都可以自动填到 邮件里面。支持 outlook Foxmail 工具。 大家一起学习下，写的不好 请帮忙改一下 谢谢了
HTML网页设计之仿注册网易免费邮箱界面
09-22
应用HTML语言设计，简易设计，仿照网易163免费邮箱注册界面，添加用户名输入字符串控制长度以及匹配前后输入密码是否正确。
126邮箱网页登陆源码.rar
04-03
126邮箱网页登陆源码
仿126邮箱的页面设计
12-14
在网页设计领域，仿126邮箱的页面设计是一个常见的学习和实践课题。126邮箱作为中国知名的电子邮件服务提供商之一，其用户界面简洁、功能齐全，深受用户喜爱。因此，模仿126邮箱的页面设计有助于提升网页设计师对...
126邮箱模板页面
05-21
126邮箱模板可能还会包含专门的登录、注册、收件箱、发件箱、设置等邮件服务相关的页面布局。 在实际开发过程中，开发者需要关注响应式设计，确保模板在不同设备和屏幕尺寸上都能良好显示。126邮箱模板可能采用了...
仿126邮箱的后台静态页面框架
10-12
126邮箱的风格以其简洁、专业著称，所以我们需要通过CSS来实现类似的色彩搭配、字体选择、布局模式，以及响应式设计，确保页面在不同设备上都能有良好的展示效果。 3. JavaScript 交互：为了增强用户体验，后台页面...
用js实现163网易邮箱注册界面
热门推荐
mischen520的博客
07-08 1万+
用js实现163网易邮箱注册界面 mischen function check(frm){ var uname=frm.uname.value; var pwd1=frm.pwd1.value; var pwd2=frm.pwd2.value;
网易126邮箱HTML文本编辑器
11-11
网易126邮箱用的编辑器。是很好用很简洁的网页编辑器。调用修改是非常方便的额
HTML网页练习之网易邮箱注册页面
12-01
使用HTML+CSS+JavaScript搭建的网易邮箱注册页面，所用代码和素材都已经包含在压缩包中，涉及网页的搭建和客户端对用户名、密码等的格式验证。欢迎大家下载参考
JavaScript实现邮箱后缀提示功能的示例代码
12-02
先来个基础的 需求 根据下面需求实现如示意图所示的邮箱输入提示功能，注意，根据要求只需实现下面功能 当用户没有任何输入时，提示框消失 当用户输入字符后，显示提示框，并且把用户输入的内容自动拼上邮箱后缀进行显示 暂时不用考虑示意图中的红色和蓝色背景色的逻辑 注意用户输入中前后空格需要去除 小优化编码 需求 如果我们输入的是 abc@1，这个时候出现的提示框内容是 abc@1@163.com abc@1@gmail.com abc@1@126.com …… 很明显，上面的提示框不是一个符合用户需求的提示，我们需要做一些优化： 当用户输入含有 @ 符号时，我们选取
httpclient实现模拟登陆126邮箱
louyujie的专栏
01-19 1604
文章出处：http://www.cangzhang.com/1144.html 文章原作者有点坏，他贴上去的代码只能让你运行失败，为什么呢，他在代码上动了一点点手脚，就在文中的正则表达式上，还好只是这么一点点。可能原作者希望读者自己也认真的思考并锻炼一下吧。下面贴上的代码是我改过的，其实改动的地方只有这一句： String urlPattern = "http://mail.126.com/j
node.js简易版邮箱注册
weixin_43747906的博客
12-03 796
一. 封装一个发送邮件的模块： 下载安装第三方模块——nodemailer： （1）打开npm文档，要善于查阅文档哦 npm文档官网 （2）搜索nodemailer并下载安装： npm install nodemailer --save 对官网中nodemailer的相关代码进行封装，通过传递参数的方式来达到简化调用的目的： //引入模块 const nodemailer = requi...
js实现注册
小狮狮的博客
08-28 7299
js实现注册 常用的正则表达式大全:http://blog.csdn.net/onebigday/article/details/5429868 正则表达式在信息的匹配，验证上起很大的作用。 深入理解正则表达式http://www.cnblogs.com/China3S/archive/2013/11/30/3451971.html 下面是代码区 一.css样式代码块   &lt;s...
Js编写注册信息的年月日插件
sinat_38678369的博客
09-13 371
@Js编写注册信息的年月日插件 Js编写注册信息的年月日插件 在注册信息的时候，会有填写生日的一项，一般情况下都是用下拉菜单，也有少部分网站用<input type=“date” …>对象，但是这个对象有的浏览器是不支持显示的。所以需要用到<select…>对象制作一个下拉列表，这也是大多数网站使用的方法。 难点 在使用编写一个下拉列表很简单，通过循环放进年月日就好。但是其中包含了一个用户体验的问题：在闰年选择29天的时候，你要是选错了年份，改成了平年，还是29天，那就不对了，或者你
js通过身份证获取用户生日和性别，身份证，密码，邮箱正则校验
weixin_47541876的博客
06-15 388
export function getBirthDateByIdentity(idNumber) { let birthday = idNumber.substring(6, 10) + "-" + idNumber.substring(10, 12) + "-" + idNumber.substring(12, 14); return birthday; } export function getSexByIdentity(idNumber) { le
Web前端之网页导航----126邮箱(关于position)
陋室
11-01 1942
原图 我做的 这里主要讲讲position:absolute;和position:relative; ①这里先看两个标签，,他们是html5标签， 标签定义文档的页眉（介绍信息）， 标签定义导航链接的部分。我觉得html5也没什么，就是标签更语义化了？我不懂，乱说的，呵呵。 ②126logo和右边的“你的专业单子邮箱”都是用图片代替文字，右边的使用background-im
用java+html+css+jdbc+mysql实现登录注册页面
最新发布
07-07
在Java、HTML、CSS和JDBC MySQL环境中实现登录注册页面，通常需要分为以下几个步骤： 1. **HTML布局**: - 使用HTML创建用户界面，包括输入框（username, password）、登录/注册按钮等基本元素。 ```html <form action="login注册路径" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"> <br> <label for="password">密码:</label> <input type="password" id="password" name="password"> <br> <button type="submit">登录/注册</button> </form> ``` 2. **CSS样式**: - 使用CSS美化表单，添加颜色、字体、间距等视觉效果。 ```css form { width: 300px; margin: auto; } button { background-color: #4CAF50; color: white; } ``` 3. **Java后端处理**: - 使用Java编写Servlet或Spring MVC控制器来处理HTTP请求。 - JDBC用于数据库交互，连接MySQL并操作数据（例如查询用户是否存在，保存新用户信息）。 ```java // 示例：查询用户名是否已存在 String sql = "SELECT * FROM users WHERE username = ?"; PreparedStatement pstmt = conn.prepareStatement(sql); pstmt.setString(1, username); ResultSet rs = pstmt.executeQuery(); ``` 4. **JSP或Thymeleaf模板**: - 使用JSP或现代模板引擎（如Thymeleaf）动态渲染结果，显示错误消息或成功提示。 5. **安全性考虑**: - 对密码进行哈希存储，避免明文存储风险。 - 进行输入验证，防止SQL注入等攻击。 6. **部署**: - 将前端静态文件和后端应用部署到服务器上，确保访问路径配置正确。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值