第八章使用表单.ppt
第八章 使用表单,彭煜玮 武汉大学计算机学院 2009.9,1,表 单,8.1插入表单,2,左图是网易通行证的注册网页，需要填写一些个人信息，如姓名、性别、出生日期、证件号码等。填写信息的页面上包括很多表单对象，如文本框、单选按钮、下拉列表框、按钮等。 所有这些表单对象合在一起，称为表单。,表 单,插入表单 插入表单的步骤如下： （1）将光标定位到要插入表单的位置。在插入工具栏单击“表单”选项，打开表单对象列表。 （2）单击“表单”按钮，或选择“插入”|“表单”|“表单”命令，即可在光标处插入表单；插入的表单在窗口中以红色虚线框表示 。 （3）将光标定位到插入的表单中，可打开表单“属性”面板 。 （4）在“表单名称”文本框中输入标识该表单的唯一名称；在“动作”文本框中输入处理该表单的页面或脚本的路径，或者单击文件夹图标定位到适当的页面或脚本。,3,表 单,“方法”下拉列表框用来选择将表单数据传输到服务器的方式。其选项的含义如下： 默认：使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为GET方法。 GET：将表单数据附加在请求页面的URL地址后面。GET方法用来传送少量数据，字符数不能超过8192个字符。不建议使用，GET方法会将表单数据附加在URL地址之后，不安全。 POST：将在HTTP请求中嵌入表单数据。POST方法用来传送大量数据。,4,表 单,“目标”下拉列表框用来设定提交表单后，请求页面将以何种方式显示返回的结果。 其中各选项的含义如下： _blank：在未命名的新窗口中显示返回结果。 _parent：在显示当前页面的窗口的父窗口中显示返回结果。 _self：在显示当前页面的窗口中显示返回结果。 _top：在顶层窗口中显示返回结果。,5,表 单,“MIME类型”下拉列表框： 用于指定提交给服务器进行处理的数据使用的编码类型。 默认设置为“application/x-www-form-urlencode”，通常与POST方法协同使用。 如果表单包含文件上传对象，则应选择“multipart/form-data”类型。,6,表 单,插入表单对象 创建了表单之后，就可以往其中插入不同类型的表单对象，有以下两种方法： （1）选择“插入”菜单中的“表单”命令，在弹出的子菜单中选择相应的命令。 （2）在插入工具栏的“表单”对象列表中单击相应的按钮。,7,表 单,添加按钮 添加按钮的步骤如下： （1）将光标定位在表单中要插入按钮的位置，在插入工具栏的“表单”对象列表中单击按钮，在表单中插入按钮 。 （2）选中按钮，在“按钮名称”文本框中输入按钮的名称；在“值”文本框中输入在按钮上显示的文本，便于浏览者了解按钮的作用。,8,表 单,“动作”选项组用于指定单击按钮后产生的动作。其中各单选按钮的功能如下： 提交表单：单击该按钮后，向服务器提交表单数据进行处理。 重设表单：单击该按钮后，清除表单中的所有内容，用户可以重新填写。 无：单击该按钮后，执行指定的操作。例如，可以添加一段JavaScript脚本，使得当用户单击该按钮时弹出一个消息框。,9,表 单,添加文本域 文本域是用户可在其中输入数据的表单对象。 添加文本域的步骤如下： （1）将光标定位在表单中要插入文本域的位置，在插入工具栏的“表单”对象列表中单击文本域按钮，在表单中插入文本域 。 （2）默认情况下插入的文本域为单行文本域，可以在“属性”面板上设置选中的单行文本域的属性 。 （3）如果要将选中的文本域设置为多行文本域（文本区域），在“属性”面板的“类型”选项组中选择“多行”单选按钮，可以设置多行文本域的属性 。 （4）如果要将选中的文本域设置为密码文本域，在“属性”面板的“类型”选项组中选择“密码”单选按钮，可以设置密码文本域的属性。,10,表 单,“文本域”、“字符宽度”和“初始值”的设置与单行文本域类似。在“行数”文本框中输入文本域最多可显示的行数。 “禁用”使得文本框无法获取焦点，不能从中复制文字。 “只读”使得文本框不能接受用户输入，可以复制。,11,表 单,添加复选框 复选框用于从一组选项中选择多个选项。 添加复选框的步骤如下： （1）将光标定位到表单中要插入复选框的位置。在插入工具栏的“表单”对象列表中单击复选框按钮，在表单中插入复选框。 （2）在“复选框名称”文本框中输入复选框的名称。 可以用“复选框组”一次添加多个复选框。,12,表 单,添加单选按钮 单选按钮用于从一组选项中选择一个选项。单选按钮通常成组地使用，在同一个组中的所有单选按钮必须具有相同的名称。 1. 逐个插入单选按钮 （1）将光标定位到表单中要插入单选按钮的位置。在插入工具栏的“表单”对象列表中单击单选按钮，在表单中插入单选按钮。 （2）在“单选按钮”文本框中输入单选按钮的名称，同一组单选按钮必须使用相同的名称，保证这些单选按钮为互斥选项。,13,表 单,2. 插入单选按钮组 （1）将光标定位到表单中要插入单选按钮组的位置。在插入工具栏的“表单”对象列表中单击按钮组 按钮 。 （2）设置“单选 按钮组”对话框 。,14,表 单,添加列表/菜单 列表以可滚动的方式显示多个选项，允许用户在其中选择一个或多个选项。菜单以单击时下拉的方式显示多个选项，只允许用户在其中选择一个选项。 添加列表/菜单的步骤如下： （1）将光标定位到表单中要插入列表/菜单的位置。在插入工具栏的“表单”对象列表中单击按钮，在表单中插入列表/菜单，默认情况下插入的是菜单。 （2）在“列表/菜单”文本框中输入列表/菜单的名称。 （3）单击“列表值”按钮，设置“列表值”对话框。,15,表 单,添加文件域 文件域使用户可以选择本地计算机上不同类型的文件，并将该文件上传到服务器。 添加文件域的步骤如下： （1）将光标定位到表单中要插入文件域的位置。在插入工具栏的“表单”对象列表中单击按钮，在表单中插入文件域。 （2）在“文件域名称”文本框中输入文件域的名称。,16,表 单,添加图像域 用户可以在表单中使用图像域来制作图像按钮，使页面看起来更加美观。 添加图像域的操作如下： （1）将光标定位到表单中要插入图像域的位置。在插入工具栏的“表单”对象列表中单击按钮，打开“选择图像源文件”对话框。 （2）在对话框中定位图像域的源文件，单击“确定”按钮，即可在表单中插入图像域。 （3）在“图像区域”文本框中输入图像域的名称。 （4）如果要将某种行为附加到图像域，可以选择图像域，然后利用“行为”面板来为其附加某种行为 。,17,表 单,添加隐藏域 隐藏域是一种在网页上不显示的表单对象。有时用户需要在网页之间传递数据，但这些数据又不希望别的浏览者看到，此时就可以使用隐藏域。 添加隐藏域的操作如下： （1）将光标定位到表单中要插入隐藏域的位置。在插入工具栏的“表单”对象列表中单击按钮，或选择“插入”|“表单”|“隐藏域”命令，在表单中插入隐藏域。 （2）在“隐藏区域”文本框中输入隐藏域的名称，在“值”文本框中输入要发送给服务器的数据。,18,表 单,添加跳转菜单 跳转菜单可建立URL与下拉式菜单列表中的选项之间的关联。用户从列表中选择一项，可以跳转到相应的页面。 添加跳转菜单的操作如下： （1）将光标定位到表单中要插入跳转菜单的位置。在插入工具栏的“表单”对象列表中单击按钮，或选择“插入”|“表单”|“跳转菜单”命令，打开 “插入跳转菜单”对话框 。 （2）设置“插入跳转菜单”对话框 。,19,END,20,
