Dreamweaver MX 2004中文表单.pptVIP

新世纪Dreamweaver MX 2004中文版应用教程 9.2创建表单与设置表单属性 课程导入： 9.2.1创建表单 9.2.2设置表单的属性 * 课题：创建表单与设置表单属性 授课人：施恒锋 学校：太湖恺风职业技术学校 授课班级：06级应用班 时间：2007年12月 同学们，上节课我们已经认识了什么是表单，我们知道使用表单可以与WEB站点的访问者进行交互，或者从访问者那里收集各种信息，我们还学习了表单所包含的一些对象。（比如文本框，单选按钮，复选按钮等） 那么我们今天就来学习怎样创建表单和设置表单属性 在创建表单之前，需要先插入表单，然后再向其中插入其他的表单对象（比如文本域、按钮、单选按钮等） 插入表单的操作方法： 要向文档中添加表单，首先要将光标置于要插入表单的位置。 方法一：按钮法【插入】工具栏上【表单】分类的【表单】按钮 方法二：菜单法 【插入】/【表单】/ 【表单】命令 插入的空白表单 如果没有显示红色的虚线框, 单击菜单栏中【查看】/ 【可视化助理】/ 【不可见元素】命令可以使其显示。 表单创建后，要设置属性必须选中表单，方法有两种： 1、单击该表单轮廓线选中表单。 2、在文档窗口左下角的标签选择器中单击form标签。 选中表单后， 【 属性】面板将显示表单的相关属性 ■【 表单名称】：用于输入标识该表单的唯一名称。 表单命名后，可以使用脚本语言（如java script）编程引用或控制该表单 ■【 动作】：用于指定处理该表单信息的应用程序或脚本的路径。可以直接输入路径，也可以单击右侧的浏览图标指定路径。 login.asp 9.2.2设置表单的属性 ■【方法】：选择将表单数据传输到服务器的方法。（三种类型） 1、 默认：使用浏览器的默认设置将表单数据传输到服务器。 2、【 GET】：将表单的数据追加到请求该页的URL中。默认方法为【 GET】 3、【POST】：可以在HTTP请求中嵌入表单数据。 GET方法不宜用于发送长表单，因为其URL长度是受限制的，最多为8192个字符，如果发送的数据过长，信息将被截断。另外，发送机密信息（如账号和密码）时不要使用GET方法，这种方法传递信息不安全。 ■【MIME 类型】：指定对提交给服务器的数据使用的MIME 编码类型。默认设置【application/x-www-form-urlencoded】,通常与【post】方法协同使用。如果要创建文件上传域，则应指定为【multipart/form-data】类型。 ■【目标】：指表单数据通过应用程序处理后所返回数据的窗口。目标值有以下4种。 1、 _blank,在新的窗口打开目标文档。 2、 _parent,在显示当前文档的父窗口中打开目标文档。 3、 _self,在提交表单所使用的窗口中打开目标文档。 4、 _top,在当前窗口的主窗体内打开目标文档，此值确保目标文档占用整个窗口。 9.3文本域和文本区域 文本域是最常用的表单对象之一，主要用于接受访问者向表单中输入的文字信息。在Dreamweaver中有三种类型的文本域，即单行文本域、多行文本域和密码域。 §9.3.1单行文本域 单行文本域通常用于提供单行字符或短语响应，如姓名、地址等。 插入单行文本域的步骤： 1）在表单中用光标定位插入的位置。 2）单击菜单栏中的【插入】/ 【表单】/ 【文本域】命令。 表单（红色的虚线） 单行文本域 §9.3.1单行文本域和密码域的属性 ◆ 【文本域】为文本域输入一个唯一的名字。（用于程序的调用） 表单对象的名称不能包含空格或特殊字符，可以使用字母、数字、字符和下划线（如xm_1），该表单对象的名称在该表单内必须是惟一的。 ◆ 【字符宽度】指定文本域的宽度，即文本域中最多可显示的字符数。 ◆ 【最大的字符数】用于限定用户在文本域中最多能输入的字符数（如将邮政 编码限制为6位数，手机号码限制为11位数，超过限制的字符数，提交表单时 会发出警告。如果【最大的字符数】的文本框为空，可以输入任意数量的文本 ◆ 【类型】指定文本域的类型。这里选择【单行】。 ◆ 【初始值】用于输入文本域默认显示的文本，即用户第一次浏览网页时文本域 一开始就显示的文字，这样可以提示用户输入内容。 ◆ 【类】下拉列表框：为表单对象应用一个已有的css样式。 密码域的设置只须将类型选为“密码”。输入的字符被星号或项目符号代替。 §9.3.2 多行文本域 多行文本域可以输入多行文本 插入多行文本域的步骤： ▲按钮法： 单击【插入】工具栏【表单】分类的【文本区域】按钮 ▲菜单法：