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

不赞成使用。请使用样式代替。

规定表格的背景颜色。

borderpixels规定表格边框的宽度。cellpadding

• pixels
• %

规定单元边沿与其内容之间的空白。cellspacing

• pixels
• %

规定单元格之间的空白。rowspan

• n

跨行colspann跨列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方式的区别：

 GETPOST点击返回/刷新按钮没有影响数据会重新发送（浏览器将会提示用户“数据被从新提交”）添加书签可以不可以缓存可以不可以


历史记录有没有长度限制有没有数据类型限制只允许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

规定是否显示框架周围的边框。longdescURL规定一个包含有关框架内容的长描述的页面。marginheightpixels定义框架的上方和下方的边距。marginwidthpixels定义框架的左侧和右侧的边距。namename规定框架的名称。noresizenoresize规定无法调整框架的大小。scrolling

• yes
• no
• auto

规定是否在框架中显示滚动条。srcURL规定在框架中显示的文档的 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.在超链接中编写如下代码：<ahref=url target=“窗口名”>  （target属性：指向展示被链接页面的窗口）