(应用表单和表单对象2.docVIP

单元二 模板与表单的使用 项目三　应用表单和表单对象 教学目标 1．理解表单的概念、用途以及表单对象的注意事项； 2．掌握表单的创建和设置，以及表单的检查； 3．掌握各表单对象的插入和属性的设置，以及表单中数据的提交； 4．掌握商品订购界面、留言板以及注册表界面的制作； 教学要求 1．认真听讲，专心操作, 操作规范， 认真记录实验过程，总结操作经验和写好实验报告，在实验中培养严谨科学的实践操作习惯； 2．遵守学校的实验室纪律，注意人身和设备的安全操作，爱护实验设备、及时上缴作业； 3．教学环境： 50台计算机，并安装WindowsXP操作系统以及Dreamweaver8以上系统。 知识要点 1．理解表单的概念、用途； 2．认识表单对象及其注意事项； 技术要点 1．掌握表单的创建和设置，以及表单的检查； 2．掌握各表单对象的插入和属性的设置，以及表单中数据的提交； 3．掌握商品订购界面、留言板以及注册表界面的制作； 技能训练 一．讲授与示范 正确启动计算机，在最后一个磁盘上建立以学号为名的文件夹，从指定的共享文件夹中将“实习指导书”和其他内容复制到该文件夹中。 (一) 表单的概念 1．表单 可以实现浏览者与服务器之间信息的交互传送，网络信息收集处理的一种重要的方式表单动态网页的灵魂。通过表单可以从Internet服务器网络的用户端收集信息例如收集用户资料、获取用户订单，然后将收集来的信息经过服务器处理后再反馈给用户。通常表单的工作过程1）访问者在浏览有表单的页面时，可填写必要的信息，然后单击“提交”按钮2）通过Internet信息传送到服务器上3）服务器上专门的程序对这些数据进行处理，有错误会返回错误信息，并要求纠正错误4）当数据完整无误后，服务器反馈一个输入完成信息。一个完整的表单包含两个部分1）在网页中进行描述的表单对象。2）应用程序它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 认识表单对象在 Dreamweaver 中，表单输入类型称为表单对象。选择“插入” →“表单对象”来插入表单对象或者图显示的“表单”面板表单对象插入表单对象。 1表单“表单”在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。2．文本域“文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。3．复选框“复选框”在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。 图1　表单面板的表单对象 4．单选按钮“单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。5．单选按钮组“单选按钮组”插入共享同一名称的单选按钮的集合。6．列表/菜单“列表/菜单”使您可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项。7．跳转菜单“跳转菜单”插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。8．图像域“图像域”使您可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。9．文件域“文件域”在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。10．按钮“按钮”在表单中插入文本按钮。按钮在单击时执行任务，如提交或重置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。11．标签“标签”在文档中给表单加上标签，以label/label形式开头和结尾。12．字段集“字段集”在文本中设置文本标签。创建表单 1）将插入点放在希望表单出现的位置。选择“插入” →“表单”或 选择“插入”上的“表单”面板 →“表单” 按钮图标 图2　表单的插入 表单在浏览网页中属于不可见元素。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。没有看到此轮廓线，请检查是否选中了“查看” →“可视化助理” →“不可见元素”。2．表单属性面板 在文档中插入了表单对象后，用鼠标选中表单红色虚线框，或单击HTML状态栏中的form标记，系统就会弹出该表单对象的属性面板，如图所示： 1）表单名称：设置表单的名称，可用于程序调用； 2）“动作”文本框指定处理该表单的动态也或脚本的路径“方法”下拉列表选择将表单数据传输到服务器的方法POST 在 HTTP 请求中嵌入表单数据。GET 将值追加到请求该页的 URL 中。默认 使用浏览器的默认设置将表单