<!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=utf-8" />

 <title>表单邮箱的注册页面</title>

 </head>

 <body>

 <table background="../../../网页元素文件夹/背景图片/20100408_87cc5ce081ba34bf777aQi0zF78D803d.jpg" width="100%" height="449" border="0" cellpadding="10" cellspacing="0">

 <form>

   <tr>

     <td align="right">&nbsp;</td>

     <td align="left"><strong>邮箱注册</strong></td>

   </tr>

   <tr>

     <td width="20%" align="right">邮箱：</td>

     <td width="80%" align="left"> <input type="text" value="" />

     &nbsp;&nbsp;&nbsp;&nbsp;

     <select size="1">

     <option>@qq.com</option>

     <option>@163.com</option>

     <option>@126.com</option>

     <option>@139.com</option>

     <option>@baidu.com</option>

     <option>@hanqi.com</option>

     </select>

     </td>

   </tr>

   <tr>

     <td align="right">&nbsp;</td>

     <td align="left"><font color="#999999" face="黑体" size="-1">需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</font></td>

   </tr>

   <tr>

     <td align="right">登入用户名：</td>

     <td align="left"><input type="text" /></td>

   </tr>

   <tr>

     <td align="right">&nbsp;</td>

     <td align="left"><font color="#999999" face="黑体" size="-1">仅在登入时使用，字符数不少于4个</font></td>

   </tr>

   <tr>

     <td align="right">显示名称：</td>

     <td align="left"><input type="text"  /></td>

   </tr>

   <tr>

     <td align="right">&nbsp;</td>

     <td align="left"><font color="#999999" face="黑体" size="-1">即昵称，字符数不少于2个</font></td>

   </tr>

   <tr>

     <td align="right">密码：</td>

     <td align="left"><input type="password" /></td>

   </tr>

   <tr>

     <td align="right">密码确认：</td>

     <td align="left"><input type="password" /></td>

   </tr>

   <tr>

     <td align="right">&nbsp;</td>

     <td align="left"><font color="#999999" face="黑体" size="-1">最少8位，必须包含字母、数字、特殊字符</font></td>

   </tr>

   <tr>

     <td align="right">性别：</td>

     <td align="left">

     <input type="radio" checked="checked" name="111" />男

     &nbsp;&nbsp;&nbsp;&nbsp;

     <input type="radio" name="111" />女

     </td>

   </tr>

   <tr>

     <td align="right">喜好</td>

     <td align="left">

     <select size="1" >

     <option value="">音乐</option>

     <option value="">游戏</option>

     <option value="">运动</option>

     <option value="">宅男/宅女</option>

     <option value="">发呆</option>

     </select>

     </td>

     <tr>

     <td align="right">&nbsp;</td>

     <td align="left">

     <input type="submit" value="注册"  />

     &nbsp;&nbsp;&nbsp;&nbsp;

     <input type="reset" value="重置" />

     &nbsp;&nbsp;&nbsp;&nbsp;

     <input type="button" value="没用的按钮" />

     &nbsp;&nbsp;&nbsp;&nbsp;

     <a href="http://www.baidu.com" target="_blank"><img src="../../../网页元素文件夹/小图标/国徽.jpg" alt="去百度了" /></a>

     </td>

   </tr>

   <tr align="left"></tr>

   </form>

 </table>

 </body>

 </html>

实际的显示效果图如下：

其中  国徽的图片我设置的是图片链接   性别是单选项   喜好是  5选1的下拉列表框  邮箱后缀的选择也是用的   6选1的下拉列表框

DW课堂练习 用所学的知识去制作一个 （邮箱的注册页面）的更多相关文章

  1. 使用所学Spring知识，实现简易的图书查询系统功能。实现查询全部图书。 根据书籍编号查询信息。 根据书名查询书籍信息。 根据状态查询书籍信息。

    相关 知识 >>> 相关 练习 >>> 实现要求: 使用所学Spring知识,实现简易的图书查询系统功能. 要求如下: 查询全部图书. 根据书籍编号查询信息. 根据 ...

  2. 一步一步从原理跟我学邮件收取及发送 2.邮箱的登录和绕不开的base64

    一步一步从原理跟我学邮件收取及发送 2.邮箱的登录和绕不开的base64 好了,经过本系列上一篇文章 "1.网络命令的发送",假设大家已经掌握了 email 电子邮件的命令发送的方 ...

  3. 零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸)

    原文:零元学Expression Blend 4 - Chapter 3 熟悉操作第一步(制作一个猴子脸) 本篇内容会教你如何使用笔刷.钢笔.渐层以及透明度的调整,还有如何转化图层和路径,最重要的是要 ...

  4. java最简单的知识之创建一个简单的windows窗口，利用Frame类

    作者:程序员小冰,CSDN博客:http://blog.csdn.net/qq_21376985 QQ986945193 微博:http://weibo.com/mcxiaobing 首先给大家看一下 ...

  5. [从源码学设计]蚂蚁金服SOFARegistry 之 服务注册和操作日志

    [从源码学设计]蚂蚁金服SOFARegistry之服务注册和操作日志 目录 [从源码学设计]蚂蚁金服SOFARegistry之服务注册和操作日志 0x00 摘要 0x01 整体业务流程 1.1 服务注 ...

  6. 学习magento要学哪些知识

    php框架水平,具体点的就是大名鼎鼎的ZF框架.别急,先还是熟悉下OSC吧,主要是热身下商城的那些业务流的知识,基本的数据流程.自己做模板的话CSS2.0水平还不能太低.JS框架JQ吧相对简单点.当然 ...

  7. *#【Python】【基础知识】【模块】【tkinter】【学用tkinter画图/制作窗口】

    Python 提供了多个图形开发界面的库,几个常用 Python GUI 库如下: Tkinter: Tkinter 模块(Tk 接口)是 Python 的标准 Tk GUI 工具包的接口 . Tk ...

  8. 通过面试题学JavaScript知识（1）

    // a 是多少的时候 可以让下面的打印ok if(a == 1 && a == 2 && a ==3){ console.log('ok') } 分析1: == 比较 ...

  9. 我学React Native开发的经历(一) 第一周学习，环境搭建及demo1,一个导航跳转页面

    大家好,这是跋涉者,wadereye,说来惭愧, 我是从2017年8月25日左右开始学习React Native的,因为时间不多, 在学习的过程中,感觉资料非常零散,要趟过的坑巨多,遇到的问题也非常多 ...

随机推荐

  1. Why is IMAP better than POP?

    https://www.fastmail.com/help/technical/imapvspop.html POP is a very simple protocol that only allow ...

  2. java.util.concurrent.Future Basics

    Hereby I am starting a series of articles about future concept in programming languages (also known ...

  3. mysql架构图

    整体架构图 访问控制图

  4. 渗透中Meterpreter基本操作和对应的windows上的排查或者现象

    Meterpreter的简单介绍 Meterpreter 是MSF自带一个强大的SHELL,可以执行很多功能. Meterpreter SHELL 基本操作 meterpreter>backgr ...

  5. Cracking the Coding Interview（String and array)

    1.1实现一个算法判断一个字符串是否存在重复字符.如果不能利用另外的数据结构又该如何实现? My solution: /** *利用类似一个hash table的计数 *然后检查这个hash tabl ...

  6. Bitbucket - 用git 用法

    核心流程: 从远端中心repo那里Git clone 到本地,再在本地开发(add, commit), 通常会利用branch管理,如果觉得code 没问题了,就push到远端的中心repo上.这里中 ...

  7. 记H5单页遇到的几个ios兼容问题

    最近写一个H5活动页,安卓里的表现很不错,写下来很少出现兼容性问题,ios就不一样了,好多问题都出现在ios上(手动狗头)

  8. Linq 多连接及 left join 实例 记录

    var retList = from d in mbExList.Cast<MaterialBaseEx>().ToList() join c in umcList.Cast<Cla ...

  9. AllowOverride None

    PHP Advanced and Object-Oriented Programming Larry Ullman <Directory /> AllowOverride None < ...

  10. cross browse compatible

    不过我之前用过一个Chrome的插件叫浏览器兼容性检测工具,可以在内网测试,会自动监测网页的设计是否满足对应浏览器及版本的规范,不满足的话就会详细提示出来,不过有些过于专业性了,更适合开发人员查看,测 ...