<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>邮箱注册</title>

        <style type="text/css">

            h1{

                border: 1px solid white;

                width: 100%;

                height: 50px;

                background: lightblue;

                color: white;

                padding-top: 10px;

                font-family: "微软雅黑";

            }

            .a{

                border: 1px solid black;

                margin: 0px;

                /*background-color: darkgray;*/

                font-family: verdana,sans-serif;

                font-size: 14px;

                padding: 10px;

                font-weight: bold;

                text-decoration: none;

                cursor: default;

                text-align: center;

                outline: none;

            }

            .txt-tips{

                font-family: verdana,sans-serif;

                text-align: left;

                line-height: 8px;

                color: darkgray;

                font-size: smaller;

            }

            .a1,.a2,.a3{

                font-weight: bold;

                color: black;

                cursor: default;

                /*display: block;*/

                height: 35px;

                line-height: 35px;

                text-align: center;

                font-size: 14px;

                outline: none;

                list-style: none;

                font-family: verdana,sans-serif;

            }

            .d{

                border: solid darkgray 1px;

                color: #555;

                font-size: 14px;

                text-align: left;

                font-family: verdana,sans-serif;

                line-height: 28px;

            }

        </style>

    </head>

    <body>

        <form action="#" method="post">

            <h1>欢迎注册无限容量的网易云邮箱！邮箱地址可以登录其它网易云旗下产品。</h1>

            <br />

            <br />

            <a tabindex="-1" class="a1" style="text-decoration: none;" onclick="_Global.main.turnOn();return false;" href="#;">

                <span class="a">注册字母邮箱</span>

            </a>

            <a tabindex="-1" class="a2" style="text-decoration: none;" onclick="_Global.main.turnOn(null,'tab');return false;" href="#;">

                <span class="a">注册手机号码邮箱</span>

            </a>

            <a tabindex="-1" class="a3" style="text-decoration: none;" onclick="_Global.main.turnOn();return false;" href="#;">

                <span class="a" >注册VIP邮箱</span>

            </a>

            <br />

            <br />

            *邮件地址&nbsp;&nbsp;

            <input type="email" value="" />@

            <select size="1">

                <option>163.com</option>

                <option>163.com</option>

                <option selected="selected">163.com</option>

            </select>

            <br />

            <span class="txt-tips">6~18个字符，可使用字母、数字、下划线，需以字母开头</span>

            <br />

            <br />

            *密码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <input type="password" value=""/>

            <br />

            <span class="txt-tips">6~16个字符，区分大小写</span>

            <br />

            <br />

            *确认密码&nbsp;&nbsp;

            <input type="password" value=""/>

            <br />

            <span class="txt-tips">请再次填写密码</span>

            <br />

            <br />

            *手机号码&nbsp;&nbsp;

            <input type="tel" value=""/>

            <br />

            <span class="txt-tips">忘记密码时，可以通过该手机号码快速找回密码</span>

            <br />

            <br />

            *验证码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <input type="text" autocomplete="off" value=""/>

            <br />

            <span class="txt-tips">请填写图中字符，不区分大小写</span>

            <br />

            <img width="120" height="50"style="cursor: pointer;" alt="验证码" src="../img/call.jpg">

            <a tabindex="-1"   href="javascript:void(0);">看不清楚？换张图片</a>

            <br />

            <br />

            <span class="d">免费获取验证码</span>

            <br />

            *短信验证码

            <input  type="text" autocomplete="off">

            <br />

            <span class="txt-tips">请查收手机短信，并填写短信中的验证码</span>

            <br />

            <br />

            <input tabindex="-1"  type="checkbox" checked="checked">同意

            <a tabindex="-1" href="http://reg.163.com/agreement.shtml" target="_blank">"服务条款"</a>和

            <a tabindex="-1" href="http://reg.163.com/agreement_game.shtml" target="_blank">"隐私权相关政策"</a>

            <br />

            <br />

            <input type="submit" value="立即注册">

        </form>

    </body>

</html>

结果：

Html学习之十九（表格与表单学习--邮箱注册页面设计）的更多相关文章

  1. Html学习之十七（表格与表单学习--排行版制作）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. Html学习之十八（表格与表单学习--统计表制作）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. python运维开发(十九)----Django后台表单验证、session、cookie、model操作

    内容目录: Django后台表单验证 CSRF加密传输 session.cookie model数据库操作 Django后台Form表单验证 Django中Form一般有2种功能: 1.用于做用户提交 ...

  4. html-使用表单标签实现注册页面

    案例说明: - 使用表格实现页面效果 - 超链接不想要有效果,使用href="#" - 如果表格里面的单元格没有内容,使用空格作为占位符   - 使用图片标签提交表单 <in ...

  5. Html学习之十六（表格与表单学习--课程表制作）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. python3.4学习笔记(十九) 同一台机器同时安装 python2.7 和 python3.4的解决方法

    python3.4学习笔记(十九) 同一台机器同时安装 python2.7 和 python3.4的解决方法 同一台机器同时安装 python2.7 和 python3.4不会冲突.安装在不同目录,然 ...

  7. FreeSql （十九）多表查询

    多表查询,常用的有联表 LeftJoin/InnerJoin/RightJoin ,这三个方法在上篇文章已经介绍过. 除了联表,还有子查询 Where Exists,和 Select 子表: IFre ...

  8. 学习笔记：CentOS7学习之十九：Linux网络管理技术

    目录 学习笔记:CentOS7学习之十九:Linux网络管理技术 本文用于记录学习体会.心得,兼做笔记使用,方便以后复习总结.内容基本完全参考学神教育教材,图片大多取材自学神教育资料,在此非常感谢MK ...

  9. 风炫安全web安全学习第二十九节课 CSRF防御措施

    风炫安全web安全学习第二十九节课 CSRF防御措施 CSRF防御措施 增加token验证 对关键操作增加token验证,token值必须随机,每次都不一样 关于安全的会话管理(SESSION) 不要 ...

随机推荐

  1. FreeRTOS操作系统，在按键中断函数中恢复被挂起的任务，程序卡死的原因和解决办法

    出现问题场景:       作为刚接触FreeRTOS实时操作系统的菜鸟,我在练习一个程序功能:按键3按下,将LED闪烁的任务挂起:按键4按下,将LED闪烁的任务恢复到就绪.按键使用外部中断.恢复就绪 ...

  2. limit的优化

    SELECT * FROM t_fly WHERE fly_id IN (8888,1,24,6666); 查询速度很快,对于一些过万数据的查询,mysql也能轻松的查询出来

  3. 201871010113-刘兴瑞《面向对象程序设计（java）》第十五周学习总结

    项目 内容 这个作业属于哪个课程 <任课教师博客主页链接>https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 <作业链接地址>http ...

  4. mysql索引类型：FULLTEXT、NORMAL、SPATIAL、UNIQUE的详细介绍(转)

    Normal 普通索引 表示普通索引,大多数情况下都可以使用 Unique 唯一索引 表示唯一的,不允许重复的索引,如果该字段信息保证不会重复例如身份证号用作索引时,可设置为unique 约束唯一标识 ...

  5. HDL的三种描述方式

    结构化描述 结构化描述方式是最原始的描述方式,是抽象级别最低的描述方式,但同时也是最接近于实际的硬件结构的描述方式.结构化的描述方式,思路就像在面包板上搭建数字电路一样,唯一的不同点就是我们通过HDL ...

  6. 部署Springboot项目到Linux云服务器

    前言 环境:IDEA.Springboot.Maven(自己电脑安装的Maven) 一.打包jar包 检查自己的pom.xml文件下面有无Maven的依赖插件,即有无如下: <build> ...

  7. 2019csp-s

    11.17一切尘埃落定 回来之后一直“沉迷”文化课,不想去面对自己,更多的可能是不敢吧 晃晃悠悠一个星期过去了 其实信息学考完就知道成绩了,很垃圾,不想去想,所以沉迷解析几何无法自拔(但好像也做不对几 ...

  8. [题解向] CF#Global Round 1の题解(A $\to$ G)

    这里是总链接\(Link\). \(A\) 题意:求\(\sum_{i=1}^{k} a_i\times b^{k-i}\)的奇偶性, \(k = \Theta(n \log n)\) --其实很容易 ...

  9. Python - ^在正则表达式中的作用

    ^在正则表达式中有两个作用,一是表达以什么开头,二是表达对什么取反.有时候经常傻傻的分不清楚,接下来给大家详细介绍该怎么用这个^准备一个python文件test.py,借用re.search函数举例说 ...

  10. Python中文件操作2——shutil模块

    1 文件操作 文件有很多的操作,之前的文件操作中介绍了内建函数对文件的打开.读取以及写入,这三种操作是对文件基本的使用.文件还有复制.删除.移动.改变文件的属主属组等操作.下面主要看os模块和shut ...