ACCP学习旅程之----- 使用HTML语言开发商业站点(第三章 表单和框架)
表单主要用来收集客户端的相关信息，使网页具有交互功能。
1￥ 表单包含控件
创建表单后，就可以在表单中放置控件已接受用户的输入。
这些控件通常放在<FORM>…</FORM>标签对之间一起使用。
<FORM>标签用于在网页中创建表单区域，属于一个容器标签，表示其他表单控件标签要在它的包围中才有效。
2￥ 表单页面的基本结构
语法： <FORM>
<INPUT>
</FORM>
1）<INPUT>标签用以设定各种输入资料的方法，属性如下：
2）action: 指示服务器上处理表单输出的程序，提交的信息发送到服务
器后，由action属性所指定的应用程序处理。
3）method: 告诉浏览器如何将数据发送给服务器
1$ get方法：创建一个请求，浏览器会将该请求返回给URL中指定的
脚本，进行处理。并在地址栏显示请求字符串，会泄
露用户输入的密码和用户名信息。
（不安全）。
2$ post方法：表单上的数据作为一个数据块发送到脚本，不使用请求
字符串。
提交后地址栏无变化（安全）（默认值）
如：<FORM name=”form1” method=”post” action=”URL”>
其中的URL表示表单处理程序的路径。
3￥ 表单元素的统一格式
统一使用<INPUT>标签定义要在表单中显示的控件的类型和外观。
如：<INPUT type=”checkbox” name=”gen” value=”男” size=”21”
maxlength=”4” checked=”checked”>
1） type: 指定表单元素的类型，默认为text。
2） name: 指定表单元素的名称，作用域为FORM范围内。
3） value: （可选）指定表单元素的初始值，
如果type为radio类型，则必须有一个初始值。
4） size: 指定表单元素的初始宽度
text或password类型，宽度以字符为单位，默认为20
其他类型，宽度以像素为单位。
5） maxlength: 指定可在text或password元素中输入的最大字符
数，默认为无限大。
6） checked: 在使用radio或checkbox时使用的一个属性。
是一个Boolean属性，指定按钮是否被选中
4￥ 表单元素
1） 文本框
<INPUT type=”text” value=”张三” size=”20” name=”fname”>
2） 密码框
密码框输入的字符全都以“*”显示
<INPUT name=”pass” value=”12345” type=”password” size=”22”>
特别注意：
1。在网页显示中，相同宽度值得密码框总是比文本框短一点。
所以，为了美观，一般把密码框的宽度设置为比文本框大1~2个
字符。
2。密码框只能做到输入时不显示字符，但不能保证输入的数据安全。
3）单选按钮
单选按钮控件用于一组相互排斥的值，组中的每个按钮控件应具有
相同的名称，用户每一次只能选择组中的一个选项。
因为只有从组中选定的单选按钮才会在数据中生成name/value对，
所以，每个单选按钮都必须有一个显示的value属性。
<INPUT name=”gen” type=”radio” class=”input” value=”男”
checked=”checked”>
4）复选框
可以选择多个选项的组，组中选项可以不同名，但应有value值。
<INPUT type=”checkbox” name=”cb1” value=”sport”>
5）列表框
语法： <SELECT name=”列表名” size=”显示行数”>
<OPTION value=”可选项的值” selected>..</OPTION>
<OPTION>……</OPTION>
……
</SELECT>
通过<SELECT>和<OPTION>标签实现列表框功能。
1$ size确定列表中可以同时看到的行数
2$ selected表示该选项在默认情况是被选中的，而且一个列表只
能有一个列表项默认被选中。
3$ 如果没有任何一项设置了selected，则默认为第一项为选中项
6）按钮
按钮在HTML中分为三种：
普通按钮：type=”button”
提交按钮：type=”submit”
重置按钮：type=”reset”
<INPUT type=”reset” name=”reset” value=”重填”>
注意：这里的value表示显示在按钮上的文字
7）多行文本框
在网页中输入两行或两行以上的文本时，使用多行文本框，标签为：<TEXTAREA>
<TEXTAREA name=”textarea” cols=”40” rows=”5”>文本内容
</TEXTAREA>
cols: 指定多行文本框的宽度，即列数
rows: 指定多行文本框的行数。
特别注意：
<TEXTAREA>……</TEXTAREA>标签对中不能使用value属性来赋初值。
5￥ 框架
框架可以把浏览器窗口划分为多个区域，每个区域可以显示不同的网页。
一个框架结构有以下两部分组成：
框架（FRAME）：浏览器窗口的一个区域，可以显示与浏览器窗
口其他部分无关的网页。
框架集（FRAMESET）：
是一个网页文件，将一个窗口通过横向或纵向的方式分割成
多个框架，每个框架显示的都是不同的网页文件。
而不同的网页文件可以通过超链接联系起来。
1）框架的基本结构
语法：<FRAMESET cols=”25%,50%,*” rows=”50%,*” border=”5”>
<FRAME src=\'#\'" /> <FRAME src=\'#\'" scrolling=”NO” noresize>
……
</FRAMESET>
1$ FRAMESET是一个框架的集合
2$ FRAME标签是具体的框架，可以提供对单独的HTML文档URL
引用，其中每个HTML文档占据一个框架。
3$ cols：将页面沿垂直方向分割为几个窗口，可以取多个值，以逗号
分开，可以以像素为单位或以半分比为单位。
而且，最后一个值可用“*”代替。
4$ rows：将页面沿水平方向分割为几个窗口，其他同cols.
5$ src：指定框架窗口的源文件。
6$ scrolling：一个Boolean属性，决定该框架是否带有滚动条。
7$ noresize: 如果框架带有该属性，则该框架不能手动调节框架区域
大小。
特别注意：<FRAME>标签对和其中的框架，绝不能写在<BODY>标
签里面。
2）创建多个复杂的窗口（即 嵌套框架 略）
<FRAMESET border=”5” rows=”20%,*”>
<FRAME src=\'#\'" name=”topframe” scrolling=”no”>
<FRAMESET cols=”20,*”>
<FRAME src=\'#\'" name=”leftframe” scrolling=”no”>
<FRAME src=\'#\'" name=”rightframe” scrolling=”no”>
</FRAMESET>
</FRAME>
3）设置窗口链接的显示位置
使用<FARME>标签中的name属性和<A>标签中的target属性。
1$ 框架页面中之间的链接
1。设计好框架集，并为每个框架窗口定义名称。
如：<FRAME src=\'#\'" name=”rightframe”>
2。设置导航栏中的超链接的target目标窗口属性，其值为框架窗口
的名字。
如：<A href=”purpose.html” target=”rightframe”>
说明：target的作用就是，超链接指向的HTML文档在target指定
的框架区域中打开，即将target属性的值设置为该框架窗口
名。
默认情况下，超链接会在当前窗口中打开 ，而通过 target 属性，目标页面可以在一个新的窗口中打开。
如： <A href=”url” target=”_blank”>
_blank 在新建窗口打开
_self 在原窗口中打开（默认）
_parent 在上一级窗口打开
_top 在整个浏览器窗口中打开