练习做一个邮箱的注册页面

1.12行2列的表格

2.表格里面嵌入表单

3.最后建一个锚点

4.写具体内容

<!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 background="360小图标/渐变色.png">

<table background="360小图标/青白渐变.png" height="400" align="center">

<a name="返回"></a><!--插入个锚点:锚点的标签 -->

<tr>

<td width="100">邮箱：</td>

<td width="300"><input type="text"/></td>

</tr>

<tr>

<td></td>

<td>需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</td>

</tr>

<tr>

<td>登陆用户名:</td>

<td><input type="text" /></td>

</tr>

<tr>

<td></td>

<td>仅在登陆时使用，字符数不少于4个</td>

</tr>

<tr>

<td>显示名称:</td>

<td><input type="text"/></td>

</tr>

<tr>

<td></td>

<td>即昵称，字符数不少于2个</td>

</tr>

<tr>

<td>密码:</td>

<td><input type="password" /></td>

</tr>

<tr>

<td>确认密码:</td>

<td><input type="password" /></td>

</tr>

<tr>

<td></td>

<td>至少8位，必须包含字母、数字、特殊字符</td>

</tr>

<tr>

<td>性别：</td>

<td><select size="1" >

<option value="1">男</option>

<option value="2">女</option></select>

</td>

</tr>

<tr>

<td>喜好：</td>

<td>

<select size="1">

<option value="1">听音乐</option>

<option value="2">跑步</option>

<option value="3">唱歌</option>

</select>

</td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册" /></td>

</tr>

</table>

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<a href="#返回"><div align="right" style="text-decoration:underline"><font face="楷体" size="+1">返回顶端&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></div></a>

<!--锚点链接 -->

</body>

</html>

效果图

再点返回顶层时，会自动跳转至第一个单元格

HTML——表单与锚点的更多相关文章

  1. HTML 部分常用属性、组成属性|...超链接、路径、锚点、列表、滚动、URL编码、表格、表单、GET和POST

    URL地址 就是我们所说的网址:www.jd.com 浏览器内核,渲染引擎 Ie内核:triteent 谷歌/欧鹏:blink 火狐:gecko 苹果:webkit 渲染引擎是出现兼容性的根本问题 - ...

  2. 《ASP.NET MVC高级编程（4版）》读书笔记（5）表单和HTML辅助方法

    5.1 表单使用 5.1.1 action 和 method 特性 <form action="/Home/Index">     <input name=&qu ...

  3. 表单和 HTML 辅助方法– ASP.NET MVC 4 系列

           这里有一个疑问,诸如在文本编辑器中输入 HTML 元素如此简单的任务,也需要任何帮助吗?的确,输入标签名称是很容易的事,但是确保 HTML 页面链接中的 URL 指向正确的位置.表单元素 ...

  4. 制作Html标签以及表单、表格内容

    制作Html一般用DW(......),Html全称为(Hyper Text Markup Language   超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐 ...

  5. html学习记录之表格、表单基础

    ①编码:charset="utf-8": ​②描述及关键词:name="description":name="keywords": ③a标签 ...

  6. [js开源组件开发]query组件,获取url参数和form表单json格式

    query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……, ...

  7. MVC_表单和HTML辅助方法

    表单的使用 action特性告知Web浏览器信息发往哪里. method特性告知浏览器使用HTTP POST 还是 HTTP GET. GET请求用于读操作, POST请求用于写操作 HTML辅助方法 ...

  8. 在表单（input）中id和name的区别

    但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是 ...

  9. 详解JavaScript中的Url编码/解码，表单提交中网址编码

    本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape ...

随机推荐

  1. JavaScript-关于在IE下JavaScript的Stack overflow at line错误可能的原因

    1.注册表混乱使基于IE内核的浏览器无法正常显示图片尤其是png格式, 修改一下注册表(网上搜) 2.重定义了系统的触发事件名称作为自定义函数名如: onclick / onsubmit…  都是系统 ...

  2. HDUOJ-----2175取(m堆)石子游戏

    取(m堆)石子游戏 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total S ...

  3. 使用springboot遇到的的异常

    Unregistering JMX-exposed beans on shutdown <dependency> <groupId>org.springframework.bo ...

  4. linux 浏览查看文件more,less,head,tail,cat,tac,od,nl命令使用简介

    参考:linux 基本命令详解 cat,tac,nl,more,less,head,tail,od 命令more,less,head,tail,cat,tac,od,nl等是是使用Linux系统常用的 ...

  5. 三十道linux内核面试题

      1. Linux中主要有哪几种内核锁? Linux的同步机制从2.0到2.6以来不断发展完善.从最初的原子操作,到后来的信号量,从大内核锁到今天的自旋锁.这些同步机制的发展伴随Linux从单处理器 ...

  6. java concurrent之ReentrantLock

    在编码的过程中.有时候我们不得不借助锁同步来保证线程安全.synchronizedkeyword在上一篇博客中已经介绍.自从JDK5開始,加入了还有一种锁机制:ReentrantLock. 二者的差别 ...

  7. SIPp常用脚本之一：register注册

    SIPp,VOIP并发测试.性能测试的神器. 本文记录一下常用的脚本文件. 一.reg.xml 此文件是sipp的执行的脚本流程. <!-- --> <!-- You should ...

  8. struts2 循环标签使用

    struts2 counter循环标签的使用: struts2随提供了循环控制标签<s:iterator/>,,使用起来也比较方便,但在具体的应用中,也有不方便之处,他没有像struts1 ...

  9. ps钢笔工具 （重要工具）

    ps钢笔工具 ctrl键 + 鼠标选中操作的点 = 移动点 alt键 + 方点 + 拖拉 = 拖出两个手柄 和 控制两端弧度 alt键 + 圆点 = 控制单向弧度

  10. openvpn中tun和tap的区别

    openvpn有dev tun和dev tap模式的区别,cookbook的解释是:A TUN device is used mostly for VPN tunnels where only IP- ...