Dreamweaver 8中文版网页制作 作者 王君学 于波 第12章 创建表单网页.pptVIP

本章将介绍表单的基本知识以及创建表单网页的方法。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第12章 创建表单网页 教学目标 了解表单的概念。 掌握创建表单网页的方法。 掌握使用行为验证表单的方法。 12.1 创建表单网页 认识表单 创建表单 本节主要内容： 12.1.1 认识表单 表单是用户与服务器之间信息交互的桥梁，用户可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮向服务器提交信息。 当这些信息将被发送到服务器，服务器端脚本或应用程序将对这些信息进行处理。服务器进行响应时会将被请求信息发送回用户（或客户端），或基于该表单内容执行一些操作。当然，也可以将表单数据直接发送给某个电子邮件收件人。 12.1.1 认识表单 12.1.2 创建表单 在制作表单页面时，需要插入表单对象。插入表单对象通常有两种方法，一种是使用菜单命令【插入】/【表单】中的相应选项，另一种是使用【插入】/【表单】面板中的相应工具按钮。 在【首选参数】对话框的【辅助功能】分类中取消勾选【表单对象】复选框，在插入表单对象时将不会出现【输入标签辅助功能属性】对话框。 插入表单对象后，如果要设置表单对象的属性，需要保证表单对象处于选中状态，然后在【属性】面板中进行设置。 12.1.2 创建表单 一、表单 选择【插入】/【表单】/【表单】命令，插入一个表单区域。表单的轮廓线以红色的虚线表示。如果看不到轮廓线，可以选择【查看】/【可视化助理】/【不可见元素】命令显示轮廓线。 12.1.2 创建表单 【属性】面板中的【方法】选项用于设置将表单内的数据传送给服务器的方法，共有3个选项。 “GET”是指将表单内的数据附加到URL后面传送给服务器，不适用表单内容比较多的情况。 “POST”将在HTTP请求中嵌入表单数据，在理论上不限制表单的长度，但由POST方法发送的信息是未经加密的。 “默认”是指用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为“GET”方法。 【MIME类型】选项用于设置对提交给服务器进行处理的数据使用“MIME”编码类型，默认设置“application/x-www-form-urlencoded”常与【POST】方法协同使用。如果要创建文件上传域，应指定“multipart/form-data MIME”类型。 12.1.2 创建表单 二、文本域 文本域是可以输入文本内容的表单对象。选择【插入】/【表单】/【文本域】命令插入一个文本域。当【类型】设置为“密码”时，文本内容显示为“*”号。当设置为“多行” 时，单行文本域将会变为多行的文本区域。 12.1.2 创建表单 三、列表/菜单域 列表/菜单可以显示一个包含有多个选项的可滚动列表，在列表中可以选择需要的项目。选择【插入】/【表单】/【列表/菜单】命令，插入一个列表/菜单域 。 12.1.2 创建表单 当【类型】选项设置为“菜单”时，【高度】和【选定范围】选项为不可选状态，在【初始化时选定】列表框中只能选择1个初始选项。将【类型】选项设置为“列表”时，【高度】和【选定范围】选项为可选状态。其中，【高度】选项用于设置列表中显示的项数，【选定范围】选项用于设置是否允许多项选择。 单击【列表值】按钮将打开【列表值】对话框，在这个对话框中可以增减和修改【列表/菜单】的内容。每项内容都有一个项目标签和一个值，标签将显示在浏览器中的列表/菜单中。当列表或者菜单中的某项内容被选中，提交表单时它对应的值就会被传送到服务器端的表单处理程序，若没有对应的值，则传送标签本身。 12.1.2 创建表单 四、单选按钮 单选按钮主要用于标记一个选项是否被选中，单选按钮只允许用户从选项中选择一个选项。选择【插入】/【表单】/【单选按钮】命令，插入单选按钮。 12.1.2 创建表单 在设置单选按钮属性时，需要依次选中各个单选按钮分别进行设置。同一组单选按钮的名称都是一样的，那么依靠什么来判断哪个按钮被选定呢？因为单选按钮具有唯一性，即多个单选按钮只能有一个被选定，所以【选定值】选项就是判断的唯一依据。 由于【选定值】选项是用来设置在该单选按钮被选中时发送给服务器的值，因此每个单选按钮的【选定值】选项被设置为不同的数值，如性别“男”的单选按钮的【选定值】选项被设置为“1”，性别“女”的单选按钮的【选定值】选项被设置为“0”。 12.1.2 创建表单 五、复选框 复选框允许在一组选项中选择多个选项。选择【插入】/【表单】/【复选框】命令，插入复选框。 12.1.2 创建表单 每个复选框都是独立的，必须有一个唯一的名称。在设置复选框属性时，需要依次选中各个复选框分别进行设置。由于复