表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素,被广泛用于各种信息的搜集和反馈。通过本章学习,应该掌握以下内容:
1,认识网页表单
2,创建表单的方法
3,编辑表单
4,设置表单确认页面第 8章 网页表单的处理
8.1 利用 FrontPage 2002处理表单
8.1.1 创建表单
1,表单概述表单是用来收集浏览者的用户名,密码,E-mail地址,个人爱好和联系地址等用户信息的输入区域集合 。
FrontPage提供了文本框,文本区,单选按钮,复选框,下拉框,
提交按钮和重置按钮等丰富的表单域 。
( 1) 文本框,文本框用来输入比较简单的信息 。
( 2) 文本区,如果需要输入建议,需求等大段文字,使用文本框就显得力不从心了,这时通常使用带有滚动条的文本区 。
( 3) 单选按钮,单选按钮常用于表示唯一的选择结果 。
( 4) 复选框,复选框常用来表示许多项可以同时选中的事物,比如个人爱好,所学科目和选购的产品种类等 。
( 5) 下拉列表框,当需要选择职业,文化程度等事项时,除了文本区以外,还可以考虑使用下拉列表框 。
( 6) 提交按钮和重置按钮,当用户完成了表单的填写后,如果需要提交数据,则可以单击表单中的提交按钮 。 如果希望恢复表单为填写前的状态,以便重新填写,则可以单击重置按钮 。
2,创建表单在 FrontPage 2002中可以通过应用向导创建表单,也可以自己手动创建表单 。
8.1.2 编辑表单
1,修改表单
( 1) 删除不必要的域如果是手动创建的表单,删除不必要的域的方法很简单,只需将选中需要删除的域,单击 Delete键即可 。 如果是用表单向导创建的表单,将鼠标指针移至要删除的行的左侧,当鼠标变成指向箭头?时,选择要删除的域,然后单击鼠标右键,从弹出的快捷菜单中选择,删除单元格,命令即可 。
( 2) 修改文本框的宽度在 FrontPage 2002中修改文本框的宽度有以下两种方法:
① 鼠标拖动法用鼠标选中要修改文本框,选中状态下的文本框被 6个小方框包围起来,拖动其中的小方框就可以改变文本框的宽度 。
② 精确设置法用鼠标选中要修改文本框,然后单击右键,从弹出的快捷菜单中选择,表单域属性,命令,弹出,文本框属性,对话框,在
,宽度,文本框中输入精确数值,然后单击,确定,按钮 。
( 3) 修改域标题在表单中修改域标题也很容易,只要用鼠标选中要更改的域标题,然后直接输入所需的域标题即可 。
2,设置表单的背景颜色
3,设置光标顺序在填写表单时,使用键盘上的,Tab”键,就可以在各项之间进行切换 。,Tab”键顺序是在各属性对话框中设置的 。
4.设置密码域属性在填写表单时,填写的某些内容会以,*” 表示,这是为了防止输入的某些重要内容被其他人偷看 。 要想为标单加上此功能,
只要在,文本框属性,对话框里的,密码域,选项组中选择,是,
按钮即可 。
8.1.3保存表单结果访问者填写完表单内容后发送出去,发送后的表单结果要存放在某一位置 。 表单结果存放的位置是由表单属性指定的 。
8.1.4设置表单确认页面在测试表单时,单击,注册,按钮后,浏览器会自动调出一个确认表单页面,其提示信息均为英文 。 表单的确认页面也可以自己设置,在浏览时让浏览器将自设的确认页面调出 。
1,制作确认表单
2,链接确认表单与表单页面
8.2 处理网页表单的其他方法
8.2.1 利用 HTML处理表单利用 HTML也可以创建表单,这样创建的表单通常由两类元素构成,一是普通的页面元素,例如表格,图像,文字等,二是用于接收信息的特定页面元素,也就是所谓的表单控件 。
1,表单标记符
HTML中表单标记符为 FORM,其主要作用是设定表单的起止位置,并指定处理表单数据程序的 URL地址 。
2,表单输入标记符
INPUT是表单输入标记符,在表单创建中使用频繁,大部分表单内容需要用到此标记符 。
3,控件定义方法
( 1) 文本框和口令框创建单行文本框的基本语法如下:
<INPUT type="text" name=" "value=" "size=" "maxlength=" ">
( 2) 复选框与单选按钮创建复选框和单选框也是使用 INPUT标记符,语法分别如下:
<INPUT type="checkbox" name=" "value=" ",( checked) >
<INPUT type="radio" name=" ",value=" ",( checked) >
( 3) 按钮创建提交按钮,重置按钮和自定义按钮的语法分别如下:
<INPUT type="submit" value=" " name=" ">
<INPUT type="reset" value=" " name=" " >
<INPUT type="button" value=" " name=" " >
( 4) 多行文本框 ( 文本区 )
利用 HTML创建多行文本框应使用 TEXTAREA标记符,其使用格式如下:
<TEXTAREA name=" " rows=" " cols=" ">默认多行文本 </
TEXTAREA>
( 5) 选项菜单要创建选项菜单应使用 SELECT标记符,并将每个可独立选取的项用一个 OPTION标记符标出来 。
8.2.2 利用 Dreamweaver 4.0处理表单
Dreamweaver 4.0提供了大量的表单元素 。 将,Object”面板切换到,Forms”类下,即可看到各种表单元素 。
1,插入文本框
( 1) 创建空白表单
( 2) 插入文本框
① 插入单行文本框
② 插入多行文本框
③ 插入密码文本框
2,设置文本框属性
3,插入单选按钮
( 1) 插入单选按钮
( 2) 设置单选按钮的属性
4,插入复选框
( 1) 插入复选框
( 2) 设置复选框的属性
5,插入下拉列表框
( 1) 插入下拉列表框
( 2) 设置下拉列表框属性
6,插入按钮
( 1) 插入,Submit”( 提交 ) 按钮
( 2) 插入,Reset”( 重置 ) 按钮
( 3) 插入,Button”按钮