<!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. SSH安装篇之——SecureCRT连接(内网和外网)虚拟机中的Linux系统(Ubuntu)

    最近在学习Linux,看了网上很多SecureCRT连接本地虚拟机当中的Linux系统,很多都是需要设置Linux的配置文件,有点繁琐,所以自己就摸索了一下,把相关操作贴出来分享一下. SecureC ...

  2. [转]F5 BIG-IP负载均衡器配置实例与Web管理界面体验

    转载:http://www.zyan.cc/f5_big_ip/ 前言:最近一直在对比测试F5 BIG-IP和Citrix NetScaler负载均衡器的各项性能,于是写下此篇文章,记录F5 BIG- ...

  3. Centos7.0 配置docker 镜像加速

    在Docker Hub官网上注册帐号,即可下载使用仓库里的全部的docker镜像.而因为网络原因,国内的开发者没办法流畅的下载镜像,经常会出现下载中断的错误.解决方法就是使用国内的容器Hub加速服务, ...

  4. Unity3D之游戏架构脚本该如何来写

    这篇文章主要想大家说明一下我在Unity3D游戏开发中是如何写游戏脚本的,对于Unity3D这套游戏引擎来说入门极快,可是要想做好却非常的难.这篇文章的目的是让哪些已经上手Unity3D游戏引擎的朋友 ...

  5. [励志英语片段]practicing deliberately

    最近看到一篇鸡汤文,觉得措词造句皆为吾辈所能接受,以后可以用作写作或口语素材~ 文章中心思想:同样是训练100小时,结果可以大不一样~所以不要用时间来欺骗自己. Consider the activi ...

  6. css层叠样式优先级总结

    虽然学前端最刚开始就是html+css,一直因为这些看起来太简单就没有什么总结,不过看似很简单的东西,研究起来也深不可测,问起来js可能回答的头头是道,css这么简单的东西,其中一个优先级的问题就能难 ...

  7. git 提示：fatal: remote origin already exists. 错误解决

    今天git连接远程库的时候出现fatal: remote origin already exists. 这个错误 大概是之前连接过别的库吧 然后我们的解决办法就是删除之前的连接 1.删除git远程仓库 ...

  8. POJ3660 Cow Contest【最短路-floyd】

    N (1 ≤ N ≤ 100) cows, conveniently numbered 1..N, are participating in a programming contest. As we ...

  9. python3学习笔记(4)_function-参数

    #python学习笔记 17/07/10 # !/usr/bin/evn python3 # -*- coding:utf-8 -*- import math #函数 函数的 定义 #定义一个求绝对值 ...

  10. LoadRunner-参数化（界面说明）

    1.Parameter type:参数类型 2. Select columm :选择列的方式,可以通过列编号或名称. By number:通过列编号  比如参数accounts位于第1列,passwo ...