CH8网页表单的处理.ppt
《CH8网页表单的处理.ppt》由会员分享,可在线阅读,更多相关《CH8网页表单的处理.ppt(37页珍藏版)》请在三一文库上搜索。
1、通过本章学习,应该掌握以下内容: 认识网页表单 利用Dreamweaver 8创建表单的方法 利用Dreamweaver 8编辑表单的方法 利用HTML和FrontPage 2003处理网页表单的方法,第8章 网页表单的处理,8.1 利用FrontPage 2003处理表单,表单是用来收集浏览者的用户名、密码、E-mail地址、个人爱好和联系地址等用户信息的输入区域集合。浏览者填表单的方式一般是输入文本、选择单选按钮与复选框,以及从下拉框中选择选项等。在填好表单后,浏览者应该提交所输入的数据,这些数据会根据网页设计者设置的表单处理程序,以各种不同的方式进行处理。,8.1.1 创建表单,1表单概
2、述,为了制作好复杂的表单网页,FrontPage 2003提供了文本框、文本区、单选按钮、复选框、下拉框、提交按钮和重置按钮等丰富的表单域。这些表单域具有以下各自不同的功能: (1)文本框:文本框用来输入比较简单的信息,如上图网页中的“用户名”、“密码”、“生日”等。 (2)文本区:如果需要输入建议、需求等大段文字,使用文本框就显得力不从心了,这时通常使用带有滚动条的文本区。,(3)单选按钮:单选按钮常用于表示唯一的选择结果。 (4)复选框:复选框常用来表示许多项可以同时选中的事物,比如个人爱好、所学科目和选购的产品种类等。 (5)下拉列表框:当需要选择职业、文化程度等事项时,除了文本区以外,
3、还可以考虑使用下拉列表框。 (6)提交按钮和重置按钮:当用户完成了表单的填写后,如果需要提交数据,则可以单击表单中的提交按钮;如果希望恢复表单为填写前的状态,以便重新填写,则可以单击重置按钮,(1)使用向导和模板创建表单 应用向导创建表单方法比较简单,只要按照向导提示一步一步地执行就可以,但这样创建的表单不一定完全令自己满意,还需进行大量的修改工作。 (2)手动创建表单 手动插入表单时,FrontPage 2003会插入一个带虚线边框的矩形区域,其中包含一个“提交”按钮和一个“重置”按钮。在此矩形区域内,可以添加文本框、选项按钮、复选框和下拉列表框等。,2创建表单,1. 修改表单 删除不必要的
4、域 如果是手动创建的表单,删除不必要的域的方法很简单,只需将选中需要删除的域,单击Delete键即可。 修改文本框的宽度 在FrontPage 2003中修改文本框的宽度有以下两种方法:,8.1.2 编辑表单,鼠标拖动法 用鼠标选中要修改文本框,选中状态下的文本框被6个小方框包围起来,拖动其中的小方框就可以改变文本框的宽度。 精确设置法 用鼠标选中要修改文本框,然后单击右键,从弹出的快捷菜单中选择“表单域属性”命令,弹出“文本框属性”对话框。在“宽度”文本框中输入精确数值,然后单击“确定”按钮。,2. 设置背景颜色 因为表单是以表格的形式创建的,所以可以通过设置表格的背景颜色来设置表单的背景颜
5、色。,3. 设置光标顺序 在填写表单时,使用键盘上的“Tab”键,就可以在各项之间进行切换。这里的“Tab”键顺序就是给各个表单域编上序号,访问者在按下“Tab”键时,光标的插入点就会按着“Tab”键顺序移动。而“Tab”键顺序是在各属性对话框中设置的,,4. 设置密码域属性 在填写表单时,填写的某些内容会以“*”表示,这是为了防止输入的某些重要内容被其他人偷看。要想为表单加上此功能,只要在“文本框属性”对话框里的“密码域”选项组中选择“是”按钮即可。,访问者填写完表单内容后发送出去,发送后的表单结果要存放在某一位置。表单结果存放的位置是由表单属性指定的。,8.1.3 保存表单结果,利用HTM
6、L也可以创建表单,这样创建的表单通常由两类元素构成,一是普通的页面元素,例如表格、图像、文字等,二是用于接收信息的特定页面元素,也就是所谓的表单控件。控件是表单中用于接收用户输入或处理的元素,典型的控件有:文本框、复选框、单选框、选项菜单等。,8.2 处理网页表单的其他方法,8.2.1 利用HTML处理表单,HTML中表单标记符为FORM,其主要作用是设定表单的起止位置,并指定处理表单数据程序的URL地址。其基本语法结构如下: 其中Action用于设定处理表单数据程序URL的地址。 method指定数据传送到服务器的方式。有两种主要的方式,当method=“GET“时,将输入数据加在actio
7、n指定的地址后面传送到服务器;当method=“POST“时则将输入数据按照HTTP输送协议中的POST传输方式传送到服务器。,1. 表单标记符,INPUT是表单输入标记符,在表单创建中使用频繁,大部分表单内容需要用到此标记符。其语法如下: 各项的意义是: type:text表示输入单行文本。 type:textarea表示输入多行文本。 type:password表示输入数据为密码,用“*”表示。,2. 表单输入标记符,type:checkbox表示复选框。 type:radio表示单选框。 type:submit表示提交按钮,数据将被送到服务器。 type:reset表示清除表单数据,以利
8、于重新输入。 type:file表示插入一个文件。 type:hidden表示隐藏按钮。 type:image表示插入一个图像。 type:button表示普通按钮。,创建单行文本框的基本语法如下: 其中name属性指定了控件的名称;value属性指定了控件的初始值;size属性指定了文本框的宽度;maxlength属性指定了在文本框中可以输入的最长文本数。,3. 控件定义方法,(1)文本框和口令框,创建复选框和单选框也是使用INPUT标记符,语法分别如下: type属性为“checkbox“,说明该控件是一个复选框,type属性为radio,说明该控件是一个单选框;name属性和value属
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CH8 网页 表单 处理
链接地址:https://www.31doc.com/p-2891096.html