<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网易163邮箱</title>
<link rel="stylesheet" href="base.css">
<script type="text/javascript" src="base.js"></script>
</head>
<body>
<div id="overall">
<div id="top">
<div id="top_left">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
<div id="top_right">
<a href="#">了解更多 </a>|
<a href="#"> 反馈意见</a>
</div>
</div>
<div id="middle">
<div id="middle_title_center">
<div id="middle_title_right">
<div id="middle_title_left">
<h1>欢迎注册无限量的网易邮箱!邮件地址可以登录使用其他网易旗下产品</h1>
</div>
</div>
</div>
<div id="middle_left">
<div id="middle_nav">
<ul>
<li><a href="#">注册字母邮箱</a></li>
<li><a href="#">注册手机号码邮箱</a></li>
<li><a href="#">注册VIP邮箱</a></li>
</ul>
</div>
<div id="message">
<form action="#">
<ul>
<li>
<span><em>* </em>邮箱地址</span>
<div class="input_table">
<input type="text" value="建议使用手机号进行注册" id="email_url">@
<select name="email_suf" class="email_suf">
<option value="163.com">163.com</option>
<option value="126.com">126.com</option>
<option value="163.com">163.com</option>
<option value="yeah.net">yeah.net</option>
<option value="vip.163.com">vip.163.com</option>
<option value="vip.126.com">vip.126.com</option>
</select>
<p>6~18个字符,可使用字母、数字、下划线,需以字母开头</p>
</div>
</li>
<li>
<span><em>* </em>密码</span>
<div class="input_table">
<input type="password" id="pw">
<p>6~16个字符,区分大小写</p>
</div>
</li>
<li>
<span><em>* </em>确认密码</span>
<div class="input_table">
<input type="password" id="confirm_pw">
<p>请再次填写密码</p>
</div>
</li>
<li>
<span><em>* </em>密码保护</span>
<div class="input_table">
<input type="text">
<p>忘记密码时,可以通过手机号快速找回</p>
</div>
</li>
<li>
<span><em>* </em>验证码</span>
<div class="input_table">
<input type="text">
<p>请输入图片中的字符,不区分大小写</p>
</div>
<img src="images/call.jpg" alt="二维码">
</li>
<li>
<span></span>
<div class="input_table">
<input type="checkbox" name="pact" checked="checked">
<span>同意<a href="#">“服务条款”</a>和<a href="#">“隐私保护和个人信息利用政策”</a></span>
</div>
</li>
</ul>
<input type="submit" id="sub">
</form>
</div>
</div>
<div id="middle_right">
<img src="images/reg_master.gif" alt="邮箱大师">
</div>
</div>
<div id="bottom">
<ul class="bottom_links">
<li><a href="#">关于网易</a></li>
<li><a href="#">关于网易免费邮</a></li>
<li><a href="#">邮箱官方博客</a></li>
<li><a href="#">客户服务</a></li>
<li><a href="#">隐私政策</a></li>
<li>| 网易公司版权所有 © 1997-2017</li>
</ul>
</div>
</div>
</body>
</html>
HTML网页练习之网易邮箱注册页面
需积分: 50 86 浏览量
2017-12-01
11:25:32
上传
评论 10
收藏 158KB ZIP 举报
fengzhen8023
- 粉丝: 183
- 资源: 10
最新资源
- stm32 usb接口通信
- Chessmate是一款完全免费的国际象棋学习软件,支持引擎分析,学开局、残局、棋书解读、大数据分析等功能
- 总结整理的Android面试Java基础知识点面试资料精编汇总文档资料合集.zip
- .android_lq
- FDN5632N-VB一款SOT23封装N-Channel场效应MOS管
- 毛老板-2404250902.amr
- Java类加载流程(双亲委派)流程图.zip
- FDN5632-NL-VB一款SOT23封装N-Channel场效应MOS管
- 新目标大学英语(第二版)视听说教程 第1册 Unit 4 TOP课件.zip
- 自动驾驶-状态估计和定位之Error State EKF.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈