<!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. Redis学习笔记--Redis配置文件redis.conf参数配置详解

    ########################################## 常规 ########################################## daemonize n ...

  2. 【黑金原创教程】【FPGA那些事儿-驱动篇I 】实验十九:SDRAM模块② — 多字读写

    实验十九:SDRAM模块② — 多字读写 表示19.1 Mode Register的内容. Mode Register A12 A11 A10 A9 A8 A7 A6 A5 A4 A3 A2 A1 A ...

  3. Spring Cloud Eureka 服务消费者

    参考<spring cloud 微服务实战> 现在已经构建了服务注册中心和服务提供中心,下面就来构建服务消费者: 服务消费者主要完成:发现服务和消费服务.其中服务的发现主要由Eureka的 ...

  4. 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)

    今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下: //事件处理函数 newsDetail: function (event) { console.lo ...

  5. 初学Listener

    一. Listener 介绍 Servlet API提供了大量监听器来监听web应用的的内部事件,从而允许当web内部事件发生时回调事件监听器内的方法. 使用listener分为两步 定义LIsten ...

  6. 移动IP 它最初设想每个人都在编写应用层(7)API而不是传输层(4)API 对于QUIC,连接的标识符不是“套接字”(源/目标端口/地址协议组合)的传统概念,而是分配给连接的64位标识符

    小结: 1. 因为您对OSI模型的教育中缺少的一点是,它最初设想每个人都在编写应用层(7)API而不是传输层(4)API.应该有像应用程序服务元素之类的 东西,它们可以以标准方式处理文件传输和消息传递 ...

  7. three levels of abstraction

    DATABASESYSTEM CONCEPTS SIXTH EDITION Abraham Silberschatz Yale University Henry F. KorthLehigh Univ ...

  8. GUID Partition Table (GPT)

    https://en.wikipedia.org/wiki/GUID_Partition_Table https://zh.wikipedia.org/wiki/全局唯一标识分区表 GUID Part ...

  9. 场景服务只创建了 Service Difinition 和feature layer

    环境:物理机 pro1.4:虚拟机 (server + datastore + portal + adaptor) 10.4.1 发布场景服务,正常情况应portal中查看,应包含四部分内容:Serv ...

  10. Word文档中的格式标记大全

    在Word中有很多的格式设置,很多格式设置都会有一些标记,这些标记是隐藏的,在打印文档时是不会打印出来的,但是它们却起着结构化文档的大作用.如果你在编辑文档,不妨点击格式标记开关,看看都有哪些格式标记 ...