<!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. Android studio快捷键设置

    Android Studio格式化代码设置和代码风格设置.代码提示键  http://blog.csdn.net/u010156024/article/details/48207145 Android ...

  2. 部署OpenStack问题汇总（二）--openstack dashboard 问题解决方案

    在打开dashboard的时候报错: LocationParseError at /admin/ (LocationParseError(...), 'Failed to parse: Failed ...

  3. Android 音视频同步（A/V Sync）

    1.  音视频同步原理 1)时间戳 音视频同步主要用于在音视频流的播放过程中,让同一时刻录制的声音和图像在播放的时候尽可能的在同一个时间输出. 解决音视频同步问题的最佳方案就是时间戳:首先选择一个参考 ...

  4. 总结一下最近用到的技术(2)--JsonSchema和JsonSchemaValidator

    我们最早接触xml的时候会使用一个dtd文件去定义xml里可以有哪些元素和属性等,后来发展到xml schama(是一个xsd文件,在dtd的基础上提供了命名空间等更强大的功能) 现在,RESTful ...

  5. 【CF913G】Power Substring 数论+原根

    [CF913G]Power Substring 题意:T组询问,每次给定一个数a,让你求一个k,满足$2^k$的10进制的后$min(100,length(k))$位包含a作为它的子串.你只需要输出一 ...

  6. Shell while

    while commanddo ...done c=0while [ $c -lt 5 ]do c='expr $c+1' echo $cdone

  7. Logstash在Linux上安装部署

    Logstash 简介: Logstash 是一个实时数据收集引擎,可收集各类型数据并对其进行分析,过滤和归纳.按照自己条件分析过滤出符合数据导入到可视化界面.它可以实现多样化的数据源数据全量或增量传 ...

  8. vs附加调试 w3p进程没有名称

    解决: 把vs用管理员运行

  9. 【巷子】---json-server---基本使用

    一.前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 二.解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock   三.json-serve ...

  10. POJ-2081 Recaman's Sequence

    Recaman's Sequence Time Limit: 3000MS Memory Limit: 60000K Total Submissions: 22392 Accepted: 9614 D ...