HTML学习笔记--实例-创建一个注册页面--select两个option出来结果却是四个选项,其中两个空白选项的原因?

<!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=uft-8" />
<title>无标题文档</title>
</head>
<table align="center" border="1" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0" width="800" height="800">
 <tr>
  <td valign="top">
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="750">
    <tr valign="bottom">
	 <td align="center" width="120" height="50"><strong style="font-size:12px">个人资料:</strong></td>
	 <td align="left" style="font-size:12px"><a style="color:#FF0000">*</a> 为必填项</td>
	</tr>
    <tr>
	 <td colspan="2"><hr/></td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="80">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a> 验   证   码:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" width="100" style="font-size:12px"><img src="imgs/1.png"/></td>
	 <td align="left" width="230" style="font-size:12px">←点击更换</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a> 手机号码:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多11个字符,例如:13812345678</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a>  电子信箱:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">此邮箱将被用来确认你的身份。</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a> 设定密码:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="password"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">长度必须在6-20个字符之间</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a> 重复密码:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="password"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px"></td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a> 姓  名:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">请输入真实姓名,最多10个字符</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a>  昵  称:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多30个字符</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a>  性  别:</td>
	 <td align="left" colspan="3" style="font-size:12px"><input type="radio" name="sex">男 <input type="radio" name="sex">女</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px"><a style="color:#FF0000" style="font-size:12px">*</a>  所  在  地:</td>
	 <td align="left" colspan="3" width="100" style="font-size:12px">
	  <select style="width:150px">
	   <option selected="selected">请选择(省)</option>
	   <option>北京</option>
	   <option>上海</option>
	   <option>天津</option>
	   <option>广东</option>
	   <option>江苏</option>
	   <option>湖北</option>
	   <option>湖南</option>
	  </select>
	  <select>
	   <option selected="selected">请选择(市)</option>
	   <option>北京</option>
	   <option>上海</option>
	   <option>天津</option>
	   <option>深圳</option>
	   <option>杭州</option>
	   <option>武汉</option>
	   <option>长沙</option>
	  </select>
	 </td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px">固定电话:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多12个字符,例如:01012345678</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px">传  真:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多12个字符,例如:01012345678</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px">
	  <select>
	   <option selected="selected">差 点<option>
	   <option>成 绩<option>
	  </select>
	 </td>
	 <td align="left" colspan="3" style="font-size:12px"><input type="text"></input></td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px">地  址:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多255个字符</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="32">
	 <td align="center" width="80" style="font-size:12px">邮政编码:</td>
	 <td align="left" width="200" style="font-size:12px"><input type="text"></input></td>
	 <td align="left" colspan="2" width="100" style="font-size:12px">最多6个数字,例如:102030</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr>
	 <td align="center" width="80" style="font-size:12px">服务条款:</td>
	 <td align="left" colspan="3" style="font-size:12px"><textarea cols="60" rows="10">《尚唐旗下网络服务条款》

 1、服务条款的确认

  高尔夫旅行网、“TEE台在线”各项服务的所有权与运作权归北京尚唐高尔夫文化传播有限公司(以下简称"尚唐")所有。本服务条款具有法律约束力。一旦您点选"注册"并通过注册程序,即表示您自愿接受本协议之所有条款,并已成为尚唐旗下网络(包括但不限于高尔夫旅行网、TEE台在线)的注册会员。

2、服务内容
  2.1 “TEE台在线”服务的具体内容由尚唐根据实际情况提供,尚唐对其所提供之服务拥有最终解释权。
  2.2 尚唐在旗下网络上向其会员提供相关网络服务,与相关网络服务有关的设备(如个人电脑、手机、及其他与接入互联网或移动网有关的装置)及所需的费用(如为接入互联网而支付的电话费及上网费、为使用移动网而支付的手机费)均由会员自行负担。

3、会员帐号及密码
  您注册会员成功后,将得到一个帐号和密码。您应妥善保管该帐号及密码,并对以该帐号进行的所有活动及事件负法律责任。因黑客行为或会员保管疏忽致使帐号、密码被他人非法使用的,尚唐不承担任何责任。如您发现任何非法使用会员帐号或安全漏洞的情况,请立即与尚唐联系。

4、会员权责
  4.1 会员有权按照尚唐规定的程序和要求使用尚唐向会员提供的各项网络服务,如果会员对该服务有异议,可以与尚唐联系以便得到及时解决。
  4.2 用户在申请使用尚唐旗下网络服务时,必须向尚唐提供准确的个人资料,如个人资料有任何变动,必须及时更新。
  4.3 会员须同意接受尚唐旗下网络通过电子邮件或其他方式向会员发送促销或其他相关商业信息。
  4.4 会员在尚唐旗下网络的网页上发布信息或者利用尚唐网络的服务时必须符合国家的法律法规以及国际法的有关规定。
  4.5 对于会员通过尚唐旗下网络网上消息平台(包括但不限于BBS、评论)上传到尚唐旗下网络网站上可公开获取区域的任何内容,会员同意授予尚唐在全世界范围内享有完全的、免费的、永久性的、不可撤销的、非独家的权利,以及再许可第三方的权利,以使用、复制、修改、改编、出版、翻译、据以创作衍生作品、传播、表演和展示此等内容(整体或部分),和/或将此等内容编入当前已知的或以后开发的其他任何形式的作品、媒体或技术中。
  4.6 会员承诺不会在尚唐旗下网络的消息平台(包括但不限于BBS、评论)发布如下信息:
  (1)反对宪法所确定的基本原则的;
   (2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的;
   (3)损害国家荣誉和利益的;
   (4)煽动民族仇恨、民族歧视,破坏民族团结的;
   (5)破坏国家宗教政策,宣扬邪教和封建迷信的;
   (6)散布谣言,扰乱社会秩序,破坏社会稳定的;
   (7)散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
   (8)侮辱或者诽谤他人,侵害他人合法权益的;
   (9)含有法律、行政法规禁止的其他内容的。
  4.7 会员单独为其发布在尚唐旗下网络上信息承担责任。会员若在尚唐旗下网络散布和传播违法信息,网络会员服务的系统记录有可能作为会员违法之证据。
  4.8 会员不得利用尚唐的服务从事以下活动:
   (1)未经允许,进入计算机信息网络或者使用计算机信息网络资源;
   (2)未经允许,对计算机信息网络功能进行删除、修改或者增加;
   (3)未经允许,对进入计算机信息网络中存储、处理或者传输的数据和应用程序进行删除、修改或者增加;
   (4)故意制作、传播计算机病毒等破坏性程序;
   (5)其他危害计算机信息网络安全的行为。
  4.9 会员不得以任何方式干扰尚唐的服务。
  4.10 会员承诺遵守本站的所有其他规定和程序。
  4.11 如果会员违反上述规定,尚唐有权要求其改正或直接采取一切必要措施(包括但不限于更改或删除会员发布的信息、中断或终止会员使用网络的权利等),以减轻会员不当行为所造成的影响。

5、服务条款的修改
  尚唐有权在必要时修改本服务条款,服务条款的内容一旦发生变动,尚唐将会通过适当方式向会员提示修改内容。
会员如不同意修改,可以主动选择取消会员资格;如果会员继续使用尚唐旗下网络服务,将被视为接受修改后的服务条款。

6、服务内容的修改或中断
  鉴于网络服务的特殊性,尚唐保留随时修改或中断其部分或全部网络服务的权利,并无需通知会员或为此对会员及任何第三方负责。

7、会员隐私保护
  尚唐尊重会员的隐私权,不会公开、编辑或泄露任何有关会员的个人资料以及会员在使用网络服务时存储在尚唐旗下网络上的非公开内容,但以下情况除外:
  (1)事先获得会员的明确授权;
  (2)遵守法律规定或尚唐旗下网络合法服务程序;
  (3)按照相关政府主管部门的合理要求;
  (4)维护社会公众利益;
  (5)维护尚唐的合法权益;
  (6)符合其他合法要求。

8、中断或终止服务
  如发生下列任何一种情形,尚唐旗下网络有权随时中断或终止向会员提供本协议项下的网络服务,而无需对会员或任何第三方承担任何责任。
  (1)会员向尚唐旗下网络提供的个人资料不真实。
  (2)会员违反本协议的规则或不履行其所承担的义务。
  除此之外,会员可随时根据需要通知尚唐终止向该会员提供服务,会员服务终止后,会员使用服务的权利同时终止。自会员服务终止之时起,尚唐旗下网络不再对该会员承担任何责任。

9、知识产权
  9.1尚唐旗下网络在网络服务中提供的任何文本、图片、图形、音频和视频资料均受版权、商标权以及其他相关法律法规的保护。未经尚唐事先同意,任何人不能擅自复制、传播这些内容,或用于其他任何商业目的,所有这些资料或资料的任何部分仅可作为个人或非商业用途而保存在某台计算机内。
  9.2尚唐为提供网络服务而使用的任何软件(包括但不限于软件中的任何文字、图形、音频、视频资料及其辅助资料)的一切权利属于该软件的著作权人,未经该著作权人同意,任何人不得对该软件进行反向工程、反向编译或反汇编。

10、免责声明
  10.1尚唐旗下网络对任何因会员不正当或非法使用服务、在网上进行交易、或会员传送信息变动而产生的直接、间接、偶然、特殊及后续的损害不承担责任。
  10.2尚唐对任何他人的威胁性的、诽谤性的、淫秽的、令人反感的或非法的内容或行为或对他人权利的侵犯(包括知识产权)不承担责任;并对任何第三方通过服务发送或在服务中包含的任何内容不承担责任。
  10.3会员明确同意其使用尚唐旗下网络服务所存在的风险以及使用尚唐网络服务产生的一切后果由其自己承担。
  10.4对于因不可抗力或尚唐网络不能控制的原因造成的网络服务中断或其它缺陷,尚唐网络不承担任何责任,但将尽力减少因此而给用户造成的损失和影响。
  10.5尚唐不对所提供之网络服务做任何类型之担保,包括但不限于:
  (1)网络服务一定能满足会员要求;
  (2)网络服务不会中断;
  (3)网络服务的及时性、安全性、准确性。
  但是尚唐对不违反规定的特定目的担保不作限制。

11、赔偿
  因会员对本服务之使用而导致尚唐遭受任何来自第三方之纠纷、诉讼及索赔要求,会员同意向尚唐及其关联企业、职员赔偿相应损失(包括合理的律师费),并尽力使之免受损害。

12、关于退款
  关于使用高尔夫旅行网“tee台在线”预订成功后涉及到的退款情况,按照本网站公布的“关于退款”内的规定为准。

13、通告
  所有发给会员的通告都可以通过重要页面的公告、电子邮件以及常规信件的形式传送。

14、法律
  尚唐服务条款之效力、解释、执行均适用中华人民共和国法律。如发生争议,应提交至有管辖权之人民法院。

15、其他规定
  本服务条款中的标题仅为方便而设,在解释本服务条款时应被忽略。</textarea></td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="30">
	 <td align="center" width="80" style="font-size:12px"> </td>
	 <td align="left" colspan="3" style="font-size:12px; color:#FF0000">点击下面的“我接受”,即表示您同意接受上面的服务条款及隐私政策。</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="30">
	 <td align="center" width="80" style="font-size:12px"> </td>
	 <td align="left" colspan="3" style="font-size:12px; color:#FF0000">提醒:您是否已详细阅读并同意“关于退订及退款”?同意,请点击下面:</td>
	</tr>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
    <tr height="30">
	 <td align="center" colspan="4" style="font-size:12px"><input type="submit" value="我接受,创建我的账户"/></td>
	</tr>
   </table>
  </td>
  </td>
</table>
  </td>
</table>
<body>
</body>
</html>

时间: 2024-10-29 19:05:34

HTML学习笔记--实例-创建一个注册页面--select两个option出来结果却是四个选项,其中两个空白选项的原因?的相关文章

DirectX11 学习笔记3 - 创建一个立方体 和 坐标轴

这个程序再进一步的将上一个程序 面向对象化. 把模型类独立出来.更加像一个框架. 在此中遇到了一个很逗比的问题,弄了一晚上,看了好几遍其他列子才找到.就是有些函数一定要放在Render里面实时更新,而不是只放到初始化InitModel里面 因为当要渲染多个物体的时候,缓冲区的内容是要随设备变化的. 话不多说直接上代码 主程序main #include "D3DBase.h" #include "Axis.h" #include "Cube.h"

DirectX11 学习笔记3 - 创建一个立方体 和 轴

该方案将在进一步的程序 面向对象. 独立的模型类.更像是一个框架. 其中以超过遇到了一个非常有趣的问题,.获得一晚.我读了好几遍,以找到其他的列子.必须放在某些功能Render里面实时更新,而不是仅仅进入初始化InitModel里边 染多个物体的时候,缓冲区的内容是要随设备变化的. 话不多说直接上代码 主程序main #include "D3DBase.h" #include "Axis.h" #include "Cube.h" class D3

OpenStack开发学习笔记03————创建一个openstack

当fuel for openstack安装部署完成后,就可以去创建openstack了 首先,打开https://10.20.0.2:8443/      输入默认的  用户名和密码    admin  admin   来进行登陆 登陆 创建openstack 这时上边报错了,,很尴尬......... WARNING: Failed to build the bootstrap image, see /var/log/fuel-bootstrap-image-build.log for det

DuiLib学习笔记2——写一个简单的程序

我们要独立出来自己创建一个项目,在我们自己的项目上加皮肤这才是初衷.我的新建项目名为:duilibTest 在duilib根目录下面有个 Duilib入门文档.doc 我们就按这个教程开始入门 首先新建一个win32项目 去DuiLib根目录,把目录下DuiLib文件夹拷贝到新建项目的根目录.再把这个项目添加进我们解决方案中. 从教程里面把以下代码粘贴到我们项目的stdafx.h中 // Duilib使用设置部分 #pragma once #define WIN32_LEAN_AND_MEAN

android创建一个细节页面,以及argument的应用

大家好..以前我也好奇过有没有一些设计模式可以用来创建一个细节页面,直到最近我看了一些设计模式相关的博文和书后,我终于发现了以下的应用. 下面我们介绍一个Listview 点击后出现一个detail 页面的功能,功能简单,但是我们看的是思想. 首先我们实现自定义的ListView,ListItem 里面有一个TextView,一个EditText,一个Checkbox,对应存放数据的是一个Crime的类.ListView里面有好多个ListItem,而对应的是CrimeList 类,为了方便创建

springmvc学习笔记---idea创建springmvc项目

前言: 真的是很久没搞java的web服务开发了, 最近一次搞还是读研的时候, 想来感慨万千. 英雄没落, Eclipse的盟主地位隐隐然有被IntelliJ IDEA超越的趋势. Spring从2.x到现在4.x, 一眨眼已是二代的积淀. 本文想借助Idea, 来简单搭建一个基于springmvc的web程序, 一为体验, 二为技术积累. 环境配置: idea版本为14.0.2, tomcat版本为8.0.23, idea创建的springmvc为4.1.1.RELEASE. 网上有很多图文并

Sharepoint2013搜索学习笔记之创建搜索服务(二)

第一步,进入管理中心,点击管理服务器上的服务 第二步,在服务器上选择需要承载搜索服务的服务器,并启动服务列表上的sharepoint server search 第三步,从管理中心进入管理服务应用程序 第四步,新建search service application 第五步,在弹出的新建窗口分别填好相应信息点击确定,主要注意的是 应用程序池可以选择已经有的,也可以自己填一个新的名称,选择填写新的之后,程序会在稍后新建一个应用程序池,一般推荐新建应用程序池. 默认情况,爬网组件会用配置好的搜索服务

OD调试学习笔记7—去除未注册版软件的使用次数限制

OD调试学习笔记7—去除未注册版软件的使用次数限制 本节使用的软件链接 (想自己试验下的可以下载) 一:破解的思路 仔细观察一个程序,我们会发现,无论在怎么加密,无论加密哪里,这个程序加密的目的就是需要你掏腰包来获得更多的功能或者解除限制.那么我们就可以逆向的来思考,如果该程序成功的注册后,那么程序的行为必将发生变化,如NAG去除了,如功能限制没有了等等.也就是说,程序的代码的走法也会跟未注册的时候截然不同.因为程序的行为改变了,那么决定它所有行为的代码走法也会发生变化. 二:认识OD的两种断点

Android学习笔记三:Intent实现页面跳转

在主Activity的OnCreate()方法中,通过findViewById得到Activiity_main中已定义的组件,例如Button.EditText等,注意需要强制转型view到具体的类型. 给取得的组件btn添加监听器如OnClickListener(),在其中实例化Intent对象,参数为要跳转的出发类和目标类. 用putExtra()方法添加内容到intent对象中,内容为K-V对.K中可写标记,V中存要传输的内容. public void onClick(View arg0)