HTML——表单与锚点

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

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>

效果图

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

时间: 2024-10-23 05:21:22

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

bootstrap注意事项(五)表单

1.基本实例 单独的表单控件会被自动赋予一些全局样式.所有设置了 .form-control类的 <input>.<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;. 将 label 元素和前面提到的控件包裹在 .form-group中可以获得最好的排列. <!DOCTYPE HTML><html><head> <link rel="stylesheet" hr

正则表达式基础知识及常用表单验证正则(使用时查找为主,需多加基础方法的例子)

一.需要转义的特殊符号,也就是需要在前面添加\:!$ * + = | . ?  \  / [] {}  ^ () 二.正则表达式基本形式及方法:A:re =new RegExp(“a”,“i”);  //new出来的匹配方式B:   re=/a/i ;                            //直接量(更常用) pattern.exec(str)     //返回数组pattern.test(str)       //返回布尔值pattern.toSource(str)    

2014.9.16HTML表单CSS

(一)表格 合并单元格(少用) (合并列) 1.先选中要合并的2个或多个单元格,然后点击以下图标 代码:<td colspan="2"> </td> 2.设置colspan属性 删掉一个<td></td> (合并行) 代码:<td rowspan="2"> </td> 1.设置rowspan属性 2.删掉对应的n-1个<td></td> (二)锚点 <a href=

0410表单知识

<a></a>标签内的其他标签用法,首先是锚点<a href="#">回到顶部</a>,位于有滚动条的页面最下端,点击直接回到页面最顶端.然后是<a href="#middle">回到中间</a>,前提是页面当中位置有个标签<a name="middle">中间</a>,这才可以点击后回到这个中间的a标签位置. 标题标签"<h1>

JS的简单操作和表单以及事件

HTML:主要用于往页面上放置所需要的控件. CSS:主要用来控制页面以及上面控件的样式. JS:主要用来控制页面上的特效以及数据交互. JS也分为顺序,条件(IF()... ELSE()),循环(FOR())三种语句,与C#基本一致. JS定义变量统一用var,定义数组不固定长度和类型,类似C#中的集合. JS的简单操作: DOM操作: 一.window: 1.window.onload 页面打开完再执行后面的操作 2.window.open(1,2,3,4) - 打开新页面, 1 - 打开页

html5表单和伪类

type = "email"; 自带验证格式type = "url"; 网址 http//:type = "tel";移动端会变成数字键盘type = "search";输入的时候多出x ,适合移动端type = "range"; min="最小值" max = "最大值" step = "跳动" value = "当前值";数

(转)表单和HTML辅助方法 - ASP.NET MVC 3

——选自<ASP.NET MVC3 高级编程(第5章)  孙远帅 译> ——微软ASP.NET MVC系列书籍地址: http://www.wrox.com/WileyCDA/WroxTitle/Professional-ASP-NET-MVC-3.productCd-1118076583.html 第5章 表单和HTML辅助方法  本章内容简介: * 理解表单 * 如何利用HTML辅助方法 * 编辑和输入的辅助方法 * 显示和渲染的辅助方法 顾名思义,HTML辅助方法是用来辅助HTML开发的

表单元素,框架集

一:表单元素: form标签: <form id=""(不可重)  name=""(可以重)  method="post/get"(默认为post,提交的方式,get在地址栏里方式有长度限制,别人通过解码可以看见内容.post长度不限,内容放在报头里面提交,看不到)  action="提到服务端的地址提交给谁来处理"></form>1.文本输入类文本框:<input type="text

详解JavaScript中的Url编码/解码,表单提交中网址编码

本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape,encodeURI / decodeURI和 encodeURIComponent / decodeURIComponent. 预备知识 foo://example.com:8042/over/there?name=ferret#nose \_/ \______________/ \_______