【教学课件】第8章网页表单的处理.ppt

《【教学课件】第8章网页表单的处理.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第8章网页表单的处理.ppt（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 表单是用于实现网页浏览者与服务表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，被广器之间信息交互的一种页面元素，被广泛用于各种信息的搜集和反馈。通过本泛用于各种信息的搜集和反馈。通过本章学习，应该掌握以下内容：章学习，应该掌握以下内容：1.认识网页表单认识网页表单 2.创建表单的方法创建表单的方法 3.编辑表单编辑表单 4.设置表单确认页面设置表单确认页面 第第8章章 网页表单的处理网页表单的处理 8.1 利用利用FrontPage 2002处理表单处理表单 8.1.1 创建表单创建表单 1.表单概述表单概述 表表单单是是用用来来收收集集浏浏览览者者的的用用户户名名、密密码码、E

2、-mail地地址址、个个人人爱爱好和联系地址等用户信息的输入区域集合。好和联系地址等用户信息的输入区域集合。FrontPage提提供供了了文文本本框框、文文本本区区、单单选选按按钮钮、复复选选框框、下下拉拉框框、提交按钮和重置按钮等丰富的表单域。提交按钮和重置按钮等丰富的表单域。（1）文本框）文本框：文本框用来输入比较简单的信息文本框用来输入比较简单的信息。（2）文文本本区区：如如果果需需要要输输入入建建议议、需需求求等等大大段段文文字字，使使用用文文本本框框就就显得力不从心了，这时通常使用带有滚动条的文本区。显得力不从心了，这时通常使用带有滚动条的文本区。（3）单选按钮）单选按钮：单选按钮常

3、用于表示唯一的选择结果。单选按钮常用于表示唯一的选择结果。（4）复复选选框框：复复选选框框常常用用来来表表示示许许多多项项可可以以同同时时选选中中的的事事物物，比比如如个人爱好、所学科目和选购的产品种类等。个人爱好、所学科目和选购的产品种类等。（5）下下拉拉列列表表框框：当当需需要要选选择择职职业业、文文化化程程度度等等事事项项时时，除除了了文文本本区以外，还可以考虑使用下拉列表框。区以外，还可以考虑使用下拉列表框。（6）提提交交按按钮钮和和重重置置按按钮钮：当当用用户户完完成成了了表表单单的的填填写写后后，如如果果需需要要提提交交数数据据，则则可可以以单单击击表表单单中中的的提提交交按按钮钮

4、。如如果果希希望望恢恢复复表表单单为为填写前的状态，以便重新填写，则可以单击重置按钮。填写前的状态，以便重新填写，则可以单击重置按钮。2创建表单创建表单 在在FrontPage 2002中中可可以以通通过过应应用用向向导导创创建建表表单单，也也可可以以自自己手动创建表单。己手动创建表单。8.1.2 编辑表单编辑表单1修改表单修改表单（1）删除不必要的域）删除不必要的域 如如果果是是手手动动创创建建的的表表单单，删删除除不不必必要要的的域域的的方方法法很很简简单单，只只需需将将选选中中需需要要删删除除的的域域，单单击击Delete键键即即可可。如如果果是是用用表表单单向向导导创创建建的的表表单单

5、，将将鼠鼠标标指指针针移移至至要要删删除除的的行行的的左左侧侧，当当鼠鼠标标变变成成指指向向箭箭头头时时，选选择择要要删删除除的的域域，然然后后单单击击鼠鼠标标右右键键，从从弹弹出出的的快快捷捷菜菜单中选择单中选择“删除单元格删除单元格”命令即可。命令即可。（2）修改文本框的宽度）修改文本框的宽度 在在FrontPage 2002中修改文本框的宽度有以下两种方法：中修改文本框的宽度有以下两种方法：鼠标拖动法鼠标拖动法 用用鼠鼠标标选选中中要要修修改改文文本本框框，选选中中状状态态下下的的文文本本框框被被6个个小小方方框框包包围起来，拖动其中的小方框就可以改变文本框的宽度。围起来，拖动其中的小方

6、框就可以改变文本框的宽度。精确设置法精确设置法 用用鼠鼠标标选选中中要要修修改改文文本本框框，然然后后单单击击右右键键，从从弹弹出出的的快快捷捷菜菜单单中中选选择择“表表单单域域属属性性”命命令令，弹弹出出“文文本本框框属属性性”对对话话框框，在在“宽度宽度”文本框中输入精确数值，然后单击文本框中输入精确数值，然后单击“确定确定”按钮。按钮。（3）修改域标题）修改域标题 在在表表单单中中修修改改域域标标题题也也很很容容易易，只只要要用用鼠鼠标标选选中中要要更更改改的的域域标标题，然后直接输入所需的域标题即可。题，然后直接输入所需的域标题即可。2设置表单的背景颜色设置表单的背景颜色3设置光标顺序

7、设置光标顺序 在在填填写写表表单单时时，使使用用键键盘盘上上的的“Tab”键键，就就可可以以在在各各项项之之间间进进行切换。行切换。“Tab”键顺序是在各属性对话框中设置的。键顺序是在各属性对话框中设置的。4设置密码域属性设置密码域属性 在在填填写写表表单单时时，填填写写的的某某些些内内容容会会以以“*”表表示示，这这是是为为了了防防止止输输入入的的某某些些重重要要内内容容被被其其他他人人偷偷看看。要要想想为为标标单单加加上上此此功功能能，只只要要在在“文文本本框框属属性性”对对话话框框里里的的“密密码码域域”选选项项组组中中选选择择“是是”按钮即可。按钮即可。8.1.3保存表单结果保存表单结

8、果 访访问问者者填填写写完完表表单单内内容容后后发发送送出出去去，发发送送后后的的表表单单结结果果要要存存放放在在某一位置。表单结果存放的位置是由表单属性指定的某一位置。表单结果存放的位置是由表单属性指定的。8.1.4设置表单确认页面设置表单确认页面 在在测测试试表表单单时时，单单击击“注注册册”按按钮钮后后，浏浏览览器器会会自自动动调调出出一一个个确确认认表表单单页页面面，其其提提示示信信息息均均为为英英文文。表表单单的的确确认认页页面面也也可可以以自自己设置，在浏览时让浏览器将自设的确认页面调出。己设置，在浏览时让浏览器将自设的确认页面调出。1制作确认表单制作确认表单2链接确认表单与表单页

9、面链接确认表单与表单页面8.2 处理网页表单的其他方法处理网页表单的其他方法8.2.1 利用利用HTML处理表单处理表单 利利用用HTML也也可可以以创创建建表表单单，这这样样创创建建的的表表单单通通常常由由两两类类元元素素构构成成，一一是是普普通通的的页页面面元元素素，例例如如表表格格、图图像像、文文字字等等，二二是是用用于于接接收信息的特定页面元素，也就是所谓的表单控件。收信息的特定页面元素，也就是所谓的表单控件。1表单标记符表单标记符 HTML中中表表单单标标记记符符为为FORM，其其主主要要作作用用是是设设定定表表单单的的起起止止位位置，并指定处理表单数据程序的置，并指定处理表单数据程

10、序的URL地址。地址。2表单输入标记符表单输入标记符 INPUT是是表表单单输输入入标标记记符符，在在表表单单创创建建中中使使用用频频繁繁，大大部部分分表表单单内容需要用到此标记符。内容需要用到此标记符。3控件定义方法控件定义方法（1）文本框和口令框）文本框和口令框 创建单行文本框的基本语法如下：创建单行文本框的基本语法如下：（2）复选框与单选按钮）复选框与单选按钮 创建复选框和单选框也是使用创建复选框和单选框也是使用INPUT标记符，语法分别如下：标记符，语法分别如下：（3）按钮）按钮 创建提交按钮、重置按钮和自定义按钮的语法分别如下：创建提交按钮、重置按钮和自定义按钮的语法分别如下：（4）

11、多行文本框（文本区）多行文本框（文本区）利利用用HTML创创建建多多行行文文本本框框应应使使用用TEXTAREA标标记记符符，其其使使用用格式如下：格式如下：默默认认多多行行文文本本（5）选项菜单）选项菜单 要要创创建建选选项项菜菜单单应应使使用用SELECT标标记记符符，并并将将每每个个可可独独立立选选取取的项用一个的项用一个OPTION标记符标出来。标记符标出来。8.2.2 利用利用Dreamweaver 4.0处理表单处理表单 Dreamweaver 4.0提提供供了了大大量量的的表表单单元元素素。将将“Object”面面板板切切换到换到“Forms”类下，即可看到各种表单元素类下，即可

12、看到各种表单元素。1插入文本框插入文本框（1）创建空白表单）创建空白表单（2）插入文本框）插入文本框 插入单行文本框插入单行文本框 插入多行文本框插入多行文本框 插入密码文本框插入密码文本框2设置文本框属性设置文本框属性3插入单选按钮插入单选按钮（1）插入单选按钮）插入单选按钮（2）设置单选按钮的属性）设置单选按钮的属性4插入复选框插入复选框（1）插入复选框）插入复选框（2）设置复选框的属性）设置复选框的属性5插入下拉列表框插入下拉列表框（1）插入下拉列表框）插入下拉列表框（2）设置下拉列表框属性）设置下拉列表框属性6插入按钮插入按钮（1）插入）插入“Submit”（提交）按钮（提交）按钮（2）插入）插入“Reset”（重置）按钮（重置）按钮（3）插入）插入“Button”按钮按钮