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

最新推荐文章于 2021-09-17 14:41:27 发布
最新推荐文章于 2021-09-17 14:41:27 发布
阅读量6.1k 收藏 9
点赞数 1
分类专栏： js 文章标签： js css html 126模仿
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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&
最低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搭建的网易邮箱注册页面，所用代码和素材都已经包含在压缩包中，涉及网页的搭建和客户端对用户名、密码等的格式验证。欢迎大家下载参考
httpclient实现模拟登陆126邮箱
louyujie的专栏
01-19 1609
文章出处：http://www.cangzhang.com/1144.html 文章原作者有点坏，他贴上去的代码只能让你运行失败，为什么呢，他在代码上动了一点点手脚，就在文中的正则表达式上，还好只是这么一点点。可能原作者希望读者自己也认真的思考并锻炼一下吧。下面贴上的代码是我改过的，其实改动的地方只有这一句： String urlPattern = "http://mail.126.com/j
node.js简易版邮箱注册
weixin_43747906的博客
12-03 801
一. 封装一个发送邮件的模块： 下载安装第三方模块——nodemailer： （1）打开npm文档，要善于查阅文档哦 npm文档官网 （2）搜索nodemailer并下载安装： npm install nodemailer --save 对官网中nodemailer的相关代码进行封装，通过传递参数的方式来达到简化调用的目的： //引入模块 const nodemailer = requi...
js实现注册
小狮狮的博客
08-28 7302
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 374
@Js编写注册信息的年月日插件 Js编写注册信息的年月日插件 在注册信息的时候，会有填写生日的一项，一般情况下都是用下拉菜单，也有少部分网站用<input type=“date” …>对象，但是这个对象有的浏览器是不支持显示的。所以需要用到<select…>对象制作一个下拉列表，这也是大多数网站使用的方法。 难点 在使用编写一个下拉列表很简单，通过循环放进年月日就好。但是其中包含了一个用户体验的问题：在闰年选择29天的时候，你要是选错了年份，改成了平年，还是29天，那就不对了，或者你
js通过身份证获取用户生日和性别，身份证，密码，邮箱正则校验
weixin_47541876的博客
06-15 389
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 1944
原图 我做的 这里主要讲讲position:absolute;和position:relative; ①这里先看两个标签，,他们是html5标签， 标签定义文档的页眉（介绍信息）， 标签定义导航链接的部分。我觉得html5也没什么，就是标签更语义化了？我不懂，乱说的，呵呵。 ②126logo和右边的“你的专业单子邮箱”都是用图片代替文字，右边的使用background-im
JS实现用户注册
tusunjan
09-17 2182
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
html+css+js生成登录注册页面
最新发布
08-04
### 回答1： 可以使用HTML、CSS和JavaScript来生成登录注册页面。HTML用于创建页面结构，CSS用于美化页面样式，JavaScript用于实现页面交互功能，如表单验证、登录注册等。具体实现方法可以参考相关教程或者使用现成的框架和模板。 ### 回答2： HTML、CSS和JavaScript是前端开发常用的三种技术语言，可以用来生成登录注册页面。 首先，我们可以使用HTML来创建页面的基本结构。可以使用<form>元素来创建登录和注册表单，通过<input>元素来添加用户名、密码和其他必要的输入字段。可以使用<label>元素为每个输入字段添加标签，以提供更好的用户体验。此外，可以使用<button>元素来添加登录和注册按钮。 然后，可以使用CSS样式来为页面增添美观的外观。可以使用CSS选择器来选择页面中的元素，并为其添加样式。可以设置背景色、文本样式和按钮样式，以及调整元素的边距和边框等。 最后，可以使用JavaScript来为页面添加交互功能。可以使用JavaScript事件处理程序来监听用户的操作，例如点击按钮或提交表单。可以在事件处理程序中编写代码来验证用户输入，比如检查用户名和密码是否符合要求。还可以使用JavaScript来实现表单数据的提交和处理，例如通过AJAX将用户输入发送到后端服务器进行验证和注册。 通过结合HTML、CSS和JavaScript，我们可以创建出一个完整的登录注册页面。可以使用HTML定义页面的结构，使用CSS美化页面的外观，使用JavaScript为页面增加交互功能。最终，用户可以通过该页面进行登录或注册操作。 ### 回答3： HTML、CSS和JavaScript是Web开发中常用的三种技术语言，可以用来生成登录注册页面。 HTML（超文本标记语言）主要用于描述网页的结构和内容。可以使用HTML来创建输入框、按钮、文本标签等元素，用于用户输入账号和密码，并显示相关信息。 CSS（层叠样式表）用于美化页面的外观和样式。通过CSS可以设置页面的背景颜色、字体样式、边框样式等，使注册登录页面更具吸引力和可读性。 JavaScript（脚本语言）用于处理页面的交互和动态效果。可以使用JavaScript来验证用户输入的账号和密码是否符合要求，以及在用户点击按钮后显示相关提示信息。 实现登录注册页面的基本步骤如下： 1. 首先使用HTML创建登录注册页面的结构，包括输入框、按钮和文本标签等元素，设置相应的id和class用于后续的样式控制和事件绑定。 2. 接着使用CSS美化页面的外观，设置页面的背景颜色、字体样式、边框样式等，使页面看起来更加美观和易读。 3. 使用JavaScript添加页面的交互和动态效果。可以通过事件绑定来监听用户的操作，例如监听用户点击按钮的事件，然后通过JavaScript代码来验证用户输入的账号和密码，并根据验证结果显示相应的提示信息。 4. 最后，将HTML、CSS和JavaScript代码组合在一起，保存为一个网页文件，通过浏览器打开即可查看效果。可以使用浏览器的开发者工具来调试和查看页面的效果。 总结来说，借助HTML、CSS和JavaScript，可以很方便地生成登录注册页面，实现用户输入账号和密码的功能，并添加美化和交互效果，提升用户体验。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值