JSP程序设计之HTML页面的基本构成2

一、表单标签

  表单在网页中用来供用户填写信息，以实现服务器获得用户信息，使网页具有交互功能。表单一般由表单标签、表单域、表单按钮组成。

1、表单标签

  <from></from>标签用来创建一个表单标签，基本语法结构如下：

<from action="url" method="get|post" name="value" onsubmit="function" onreset="function" target="window"></from>

（1）action：设置服务器上用来处理表单数据的处理程序地址。

（2）method：设置处理程序从表单中获取信息的方式，取值可为get或者是post，get对数据长度有限制，post对数据长度没有限制。

（3）name：设置表单的名字。

（4）onsubmit、onreset：设置在单击submit、reset按钮后要执行的脚本函数。

（5）target：设置显示表单内容的窗口名。

2、表单域

1）单行输入域

  用<input>标签来定义。

（1）type：设置域的类型。

type属性取值	输入域类型
<input type="text" size=" " maxlength=" ">	单行文本输入域，size和maxlength分别用来设置文本域的尺寸大小和输入的最大字符数
<input type="submit">	将表单提交的按钮
<input type="reset">	将表单全部清除，重新提交的按钮
<input type="checkbox" checked>	一个复选框，checked属性用来设置复选框默认状态是否被选中
<input type="hidden">	用户不能在其中输入
<input type="image" src="url">	使用图像来代替按钮，当用户点击时，表单中的信息和点击位置的X,Y坐标会一起传送给服务器
<input type="password">	输入密码区域，用户输入密码时，输入的内容会被“*”代替
<input type="radio" checked>	单选按钮

（2）name：设置输入域的名字。

（3）value：设置域的默认值。

（4）align：设置域的位置，包括left（靠左）、right（靠右）、middle（中间）、top（靠上）和     bottom（靠底）。

（5）onclick：设置按下按钮后执行的脚本函数。

2）多行输入域

（1）name：设置输入域的名字。

（2）rows：设置输入域的行数。

（3）cols：设置输入域的列数。

（4）wrap：设置是否自动换行，属性值如下所示：

• off：不自动换行
• hard：自动硬回车换行，换行标记一同被传送到服务器
• soft：自动软回车换行，换行标记一同被传送到服务器

3）选择域

  <select></select>用来建立一个下拉列表，<option>标签用来定义下来列表中的一个选项，用户可以在列表中选择一项或多项。

（1）<select></select>标签主要属性如下：

• name：设置下拉列表的名字。
• size：设置下拉列表中选项的个数。
• multiple：下拉列表支持多选。

（2）<option>主要属性如下所示：

• selected：表示当前选项被默认选中。
• value：设置当前选项的值，当该项被选中之后，该项的值将被送到服务器。

3、表单按钮

  <button></button>标签对于定义提交表单内容给服务器的按钮，主要属性有type和accesskey。

（1）type：设置按钮类型，包括button（一般按钮）、reset（复位按钮）、submit（提交按钮）。他们与<input>中同名的属性具有相同的功能。

（2）设置按钮热键，就可以快速定位到该按钮。

二、框架标签及其应用实例

1、框架结构基本标签

1）<frameset></frameset>

  该标签用来定义一个框架结构容器，也可以嵌套在其他<frameset></frameset>标签来实现网页多重框架结构。<frameset></frameset>常用属性如下所示：

（1）rows：将浏览器窗口分割成多行，可以同时设置每个子窗口所占的高度，该属性值可以是百分数，整数或星号（*），星号代表那些未被说明高度的空间，如果同一属性中出现多个星号则未被说明高度的空间平均分配。各个子窗口的空间之间要用逗号隔开。

（2）cols：将浏览器窗口分割成多列，设置宽度的属性取值方式与rows一致。

（3）border：设置子窗口的边框宽度。

（4）frameborder：设置子窗口是否显示边框。

（5）onload：设置框架被载入时引发的事件。

（6）onunload：设置框架被卸载时引发的事件。

2）<frame>

  <frame>标签放在<frameset></frameset>之间，用来定义框架结构中某一个具体子窗口。常用属性如下：

（1）src：设置该窗口要显示的HTML文件的地址。

（2）name：设置子窗口的名字。

（3）scrolling：指定子窗口是否显示滚动条，其值可以是yes（显示）、no（不显示）或auto（根据窗口内容决定是否显示滚动条）

（4）noresize：指定窗口不能调整大小。

  注：src和name这两个属性必须赋值。

3）<noframes></noframes>

  该标签显示在不支持框架的浏览器窗口中。

2、target属性

  在框架结构的HTML文件中如果含有超链接，当用户点击超链接时，目标网页的位置由target属性决定，如果没有指定具体位置，则在当前窗口打开。属性格式如下所示：

<a href="目标网页地址" target="显示目标网页的子窗口的名字">超链接文字</a>

例如：
  框架中定义了一个子窗口main，在main中显示jc.htm网页，代码为：

<frame src="jc.htm" name="main">

如果jc.htm中有一个超链接，当点击该链接后，网页new.htm将要显示在名为main的窗口中，代码为

<a href="new.htm" target="main">需要链接的文本</a>