Web信息系统设计基础 第8章 表单与表单验证.pptVIP

第八章 表单及表单验证 ;内容提要; 表单也称为对话框或窗口，恰似用户的操作列表或清单。如图。 表单和表单元素是动态网页程序设计的基础，用户可以使用文本域、列表框、复选框等表单元素输入信息。 然后单击提交按钮，表单会将这些信息发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理，并向用户返回处理结果。;插入表单 在Dreamweaver中打开页面，将光标定位到要插入表单的位置。 执行下列操作之一，即可在指定位置插入表单： 选择“插入记录”|“表单”|“表单”命令； 选择“插入”工具栏上的“表单”类别，然后单击“表单”按钮。;设置表单属性 在“文档”窗口中，单击表单轮廓或将插入点放入表单内部。 选择“窗口”|“属性”命令，打开表单的“属性”面板。 在“属性”面板上设置表单的各项属性： 在“表单名称”文本框中，输入标识该表单的唯一名称。命名表单后，就可以使用脚本语言来引用或控制该表单。 在“动作”文本框中，输入处理表单数据的页面或脚本的路径，或者单击文件夹图标导航到相应的页面或脚本。;在“方法”下拉列表框中，选择将表单数据传到服务器的方式，有“默认”、“GET”和“POST”三个选项： 默认：使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为GET方法。 GET：提交后，浏览器会立即传送表单数据。GET方法用来传送少量数据，字节数不能超过2K。 POST：提交后，浏览器会等待服务器来读取表单数据。POST方法用来传送大量数据，无此限制。; 在“目标”下拉列表框中，选择显示返回结果的浏览器窗口，有四个选项，含义如下： _blank：在未命名的新窗口中显示返回结果。 _parent：在显示当前页面的窗口的父窗口中显示返回结果。 _ self：在显示当前页面的窗口中显示返回结果。 _ top：在顶层窗口中显示返回结果。 在“MIME类型”下拉列表框中，指定提交给服务器进行处理的数据使用的MIME编码类型。默认设置为“application/x-www-form-urlencode”，通常与 POST 方法一起使用。如果表单??含文件上传域，则指定为“multipart/form-data”类型。;表单元素 表单元素是允许用户输入数据的HTML元素对象。插入表单元素的步骤如下： 将光标置于表单中待插入表单元素的位置。 执行下列操作之一，即可在指定位置插入表单元素： 选择“插入记录”|“表单”命令，在弹出的子菜单中选择相应的表单元素命令； 选择“插入”工具栏上的“表单”项目，单击相应的表单元素按钮。;插入文本域 文本域是可在其中输入各种文本的表单元素，文本可以单行、多行或密码方式显示。插入文本域的步骤如下： 将光标置于表单中待插入文本域的位置，选择“插入记录”|“表单”命令，在弹出的子菜单中选择“文本域”命令，在表单中插入文本域。 选中文本域，打开相应的“属性”面板。;在“属性”面板上设置文本域的各项属性： 在“文本域”文本框中，输入标识该文本域的唯一名称。 在“字符宽度”文本框中，输入文本域中最多可显示的字符数。 在“最多字符数”文本框中，输入文本域中最多可容纳的字符数。 在“初始值”文本框中，输入在浏览器载入表单时文本域中显示的内容。 在“类型”单选按钮组中，指定文本域为单行、多行还是密码域。;插入按钮 使用按钮可将表单数据提交到服务器，或者重置表单。用户也可以为按钮分配其他已经在脚本中定义的处理任务。插入按钮的步骤如下： 将光标置于表单中待插入按钮的位置，选择“插入记录”|“表单”命令，在弹出的子菜单中选择“按钮”命令，在表单中插入按钮。 选中按钮，打开相应的“属性”面板。;在“属性”面板上设置按钮的各项属性： 在“按钮名称”文本框中，输入标识该按钮的唯一名称。 在“值”文本框中，输入按钮上显示的文本。 在“动作”单选按钮组中，指定单击按钮时发生的动作。 提交表单：创建提交按钮，单击该按钮时提交表单数据进行处理，数据将被提交到在表单的“动作”属性中指定的页面或脚本。 重设表单：创建复位按钮，单击该按钮时将表单数据恢复为初始值。 无：单击该按钮时，执行指定的动作。;插入复选框 复选框用于在一组选项中选择多个选项。插入复选框的步骤如下： 将光标置于表单中待插入复选框的位置，选择“插入记录”|“表单”命令，在弹出的子菜单中选择“复选框”命令，在表单中插入复选框。 选中复选框，打开相应的“属性”面板。;在“属性”面板上设置复选框的各项属性： 在“复选框名称”文本框中，输入标识