网页设计与Web编程chapter08资料.pptVIP

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