HTML第二课：表格、表单和框架

一、html表格

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption（表格标题）等元素。

可选的属性

属性	值	描述
align	left center right	不赞成使用。请使用样式代替。 规定表格相对周围元素的对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式代替。 规定表格的背景颜色。
border	pixels	规定表格边框的宽度。
cellpadding	pixels %	规定单元边沿与其内容之间的空白。
cellspacing	pixels %	规定单元格之间的空白。
rowspan	n	跨行
colspan	n	跨列
height	% pixels	规定表格的高度。
width	% pixels	规定表格的宽度。

简单例子：

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

二、html表单

表单标签为<form>,切记不要写成<from>,低级错误，误犯！

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea等其他元素。

表单作用：用于向服务器传输数据。

<form>主要属性有两个：action和method

action属性指定表单中的信息提交后由服务器上的哪一个程序进行处理。

而method属性用于指定将信息向服务器提交的方式，共计两种：get和post

get方式和post方式的区别：

	GET	POST
点击返回/刷新按钮	没有影响	数据会重新发送（浏览器将会提示用户“数据被从新提交”）
添加书签	可以	不可以
缓存	可以	不可以
历史记录	有	没有
长度限制	有	没有
数据类型限制	只允许ASCII字符类型	没有限制。允许二进制数据
安全性	查询字符串会显示在地址栏的URL中，不安全，请不要使用GET请求提交敏感数据	因为数据不会显示在地址栏中，也不会缓存下来或保存在浏览记录中，所以看POST求情比GET请求安全，但也不是最安全的方式。如需要传送敏感数据，请使用加密方式传输
可见性	查询字符串显示在地址栏的URL中，可见	查询字符串不会显示在地址栏中，不可见

推荐采用post方式进行传输

<form>包含的常用标签：

1.<input> 的type属性的值指定控件的类型，有多种选择：

TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN 和 BUTTON。默认选择为 TEXT。

此处注意自己尝试各种类型的控件。

2.<select>表示下拉菜单

简单例子：

<SELECT NAME =“myselect">

<OPTION SELECTED>西班牙</OPTION>

<OPTION value=“b”>巴西</OPTION>

<OPTION value=“g”>德国</OPTION>

</SELECT>

3.<textarea>，用于定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

三、框架<frameset>、<frame>

frameset 元素(<frameet>)可定义一个框架集。它被用来组织多个窗口（框架）。每个框架都可以展示一

个我们平时看到的页面。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行，

使用 cols或 rows 属性进行划分。

主要属性：

<frame>用于创建我们页面中的一个窗口，每一个<frame>对应一个窗口，页面中可以包含多个窗口。

<frame>包含的常用可选属性如下：

属性	值	描述
frameborder	0 1	规定是否显示框架周围的边框。
longdesc	URL	规定一个包含有关框架内容的长描述的页面。
marginheight	pixels	定义框架的上方和下方的边距。
marginwidth	pixels	定义框架的左侧和右侧的边距。
name	name	规定框架的名称。
noresize	noresize	规定无法调整框架的大小。
scrolling	yes no auto	规定是否在框架中显示滚动条。
src	URL	规定在框架中显示的文档的 URL。

示例代码：

<FRAMESET rows="40%,*"cols="*" frameborder="0"framespacing="0">

      <FRAME src="top.html"name="topFrame"scrolling="no" noresize="noresize">

      <FRAMESETrows="*" cols="20%,*" framespacing="0">

    <FRAME src="left.html"name="leftFrame"scrolling="no" noresize="noresize" >

    <FRAME src="right1.html"name=“rightFrame" >

</FRAMESET>

</FRAMESET>

如何实现某一个窗口跳转，其他窗口不动

1.创建分窗口页面

2.给想要进行窗口页面跳转的<frame>进行命名，例如<frame name="right">

3.在超链接中编写如下代码：<a href=url target=“窗口名”>  （target属性：指向展示被链接页面的窗口）