电子工业出版社2022-2023学年山东青州三中职教高考网络技术高二网页设计--表单制作课件

DREAMWEAVER 表单制作 课本：模块四 4.5 第155-163页 同步练习册：项目七 第61-68页 目录 CONTENTS 1 2 1、表单的作用、组成 2、表单的插入方法 表单的基本操作 1、文本、选择、文件、按钮的作用和插入方法 2、表单对象的属性设置 表单对象的使用 第一部分 表单的基本操作 表单的作用、组成 作用: 表单是Internet用户和服务器之间进行信息交流的一种重要工具，它将用户信息收集起来并提交给Web服务器上特定的程序进行处理。 表单的作用、组成 表单的组成: 一个完整的表单由两部分组成,表单对象和应用程序。 表单对象：就是HTML源代码,起描述作用; 应用程序：是服务器和客户端的交互，通过它们实现对用户信息的处理,不使用处理脚本或应用程序就不能搜集表单数据。 表单的作用、组成 一个完整的表单对象有三个基本组成部分: （1）表单标签:包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。多数情况下，我们通常将表单标签称为表单。 （2）表单域:包含了文本字段、密码字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单和文件域等。 （3）表单按钮：包括提交按钮、重置按钮和普通按钮。用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。 插入表单 创建一个表单对象前应先插入一个表单,用于确定表单的范围，所有的表单对象都应建立在表单中要插入表单,首先将光标定位到要插入表单的位置。 方法一：选择“插入→表单→表单”菜单命令。 方法二：单击 插入面板“表单”类别中的表单按钮。 插入的表单在文档窗口中以红色虚线表示。如果没有看到所创建的表单边框，选择“查看→可视化助理→不可见元素”命令将边框线显示出来。 表单属性设置 单击表单轮廓线，或从文档窗口左下角的标签选择器中选择“<form#form1>”标签，选中表单，打开表单属性面板。 表单属性设置 表单ID”:标识表单的唯一名称,该名称可以在脚本语言中引用。 默认情况下，系统自动为表单命名为form+N。 表单属性设置 "动作”:设置用于处理表单内提交信息的后台处理文件， 一般常见的是ASP或PHP文件等。 表单属性设置 “方法”:选择表单中数据向服务器发送的方法，包括默认、POST 和GET选项。 默认:默认的发送方法。 一般情况下,浏览器采用的是 GET 方法。 POST:将发送的数据嵌入在 HTTP请求中,可以发送大量的数据,安全性比较高。 GET:将发送的数据附加到URL地址中,只能够发送少量的数据。 “方法”:选择表单中数据向服务器发送的方法，包括默认、POST 和GET选项。 默认:默认的发送方法。 一般情况下,浏览器采用的是 GET 方法。 POST:将发送的数据嵌入在 HTTP请求中,可以发送大量的数据,安全性比较高。 GET:将发送的数据附加到URL地址中,只能够发送少量的数据。 表单属性设置 “编码类型”:选择向服务器提交的数据类型所采用的编码处理方法。 如果要通过“文件域”上传文件，需要选择“multipart/form-data”类型。 第二部分 表单对象的使用 文本字段 作用: 文本字段是一种基本的表单对象,可以在文本字段中输入简单文本。 文本字段 操作步骤: (1)光标定位到要插入文本字段位置， 方法一：选择“插人→表单>文本域”命令, 方法二：单击插入面板“表单类别中的“文本字段”按钮。 (2)弹出“输入标签辅助功能属性”对话框,为插入的文本字段添加标签。 文本字段 属性设置： “文本域”:为该文本字段定义一个名称 “字符宽度”:设置该文本字段可以显示的字符数量。 “最多字符数”:设置该文本字段中最多可以输入的字符数量。“类型”:设置该文本字段的类型,如单行、多行或密码等。“初始值”:设置该文本字段默认显示的文本。 文本区域 作用: 文本区域是一种特殊的文本字段,可以输入多行文本,也可以显示多行文本。 文本区域 操作步骤: (1)光标定位到要插入文本区域位置, 方法一：选择“插入/表单/文本区域”命令， 方法二：单击插入面板“表单”类别中的“文本区域”按钮。 (2)弹出“输入标签辅助功能属性”对话框,为插入的文本区域添加标签。 文本区域 属性设置: “禁用”：在预览时,鼠标单击没有任何反应,不能输入任何内容。 “只读”：该文本区域的内容只能读取、复制等,但不能编辑修改。 复选框 作用: 复选框为用户提供一组选项,允许用户从中选择一个或多个选项。 复选框 操作步骤： (1)将光标定位到要插入复选框的位置， 方法一：选择“插人→表单→复选框”命令， 方法二：单击插入面板“表单”类别中的“复选框”按钮。 (2)弹出“输人标签辅助功能属性”对话框,为插人的复选框添