<!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. java(9)并发编程

    整理自<java 并发编程的艺术> 1. 上下文切换 即使是单核处理器也支持多线程执行代码,CPU通过给每个线程分配CPU时间片来实现这个机制.时间片是CPU分配给各个线程的时间,因为时间 ...

  2. js 判断数组重复元素以及重复的个数

    知识点: .sort()方法用于对数组元素排序,并返回数组. var _arr = ['旅行箱', '旅行箱', '小米', '大米']; var _res = []; // _arr.sort(); ...

  3. sencha touch 评分扩展

    原版 :https://market.sencha.com/extensions/sencha-touch-2-rating-star-field 效果: 我的改造版(只是类名变了): Ext.def ...

  4. docker参数expose使用

    expose # 暴露端口,但不映射到宿主机,只被连接的服务访问.仅可以指定内部端口为参数 expose: - " - "

  5. 总结一下最近用到的技术(1)--ultraESB

    最近项目中方法用到了一些新的东西,由于之前没有用到过,现在总结一下,方便以后查阅,本篇文章介绍ultraESB,接下来的文章会介绍JsonSchema,JsonSchamaValidator,Json ...

  6. 【CF720D】Slalom 扫描线+线段树

    [CF720D]Slalom 题意:一个n*m的网格,其中有k个矩形障碍,保证这些障碍不重叠.问你从(1,1)走到(n,m),每步只能往右或往上走,不经过任何障碍的方案数.两种方案被视为不同,当且仅当 ...

  7. tomcat启动后,页面浏览时报错 Unable to compile class for JSP的解决方案【原创】

    问题描述: tomcat启动后,console正常,console中语句为: 信息: Server startup in 7291 ms   但浏览器访问首页面http://localhost:808 ...

  8. Qt Package Project 打包发布程序

    在Qt项目开发完成后,我们想将项目打包发布成一个可执行文件,需要做如下步骤: 首先,将项目中的release文件中的可执行文件拷到一个新建的文件夹中,例如project.exe,用Qt自带的生成必备的 ...

  9. OSS命令行工具ossutil

    ossutil工具旨在为您提供一个以命令行方式管理OSS数据的途径.当前版本未提供完整的Bucket和Multipart管理功能,相关功能会在后续版本中开发.如果您需要使用上述功能,建议先使用ossc ...

  10. BZOJ2200 道路和航线【好题】【dfs】【最短路】【缩点】

    2200: [Usaco2011 Jan]道路和航线 Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 1384  Solved: 508[Submit] ...