创建表单网页.pptVIP

21世纪职业教育数字艺术规划教材 第 七 章 学 习 目 标 本 章 重 点 本 章 难 点 7.1表单域 7.2表单的属性设置 7.2表单的属性设置 7.2表单的属性设置 7.2表单的属性设置 7.2表单的属性设置 7.2表单的属性设置 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 7.3各种表单控件 * 《网业设计与制作技能案例教程》 创建表单网页 掌握表单的概念。 掌握表单的类型。 掌握表单的创建。 掌握各类表单对象的实际应用范围。 掌握如何在表单网页中插入表单域。 掌握如何在表单域中插入文本域和文本区域。 掌握如何在表单域中插入单选按钮、单选 按钮组和复选框。 掌握如何在表单域中插入列表/菜单、按钮和图像域。 表单对象的属性设置。 表单对象的灵活运用 每个表单由一个表单域和若干个表单控件组成，所有的表单控件要放置在表单域中才会有效，因此，制作表单页面的第一步是插入表单域。 在Dreamweaver CS3主窗口中，单击菜单【插入】【表单】【表单】，在光标处可以插入一个表单域。 一个表单域插入到网页中，在编辑窗口中显示为一个红色虚线框，如图7-13所示。其他的表单对象必须要放入这个框内才能起作用。如果看不见插入到页面中的标记表单或的红色虚线区域，可以单击菜单【查看】【可视化助理】【不可见元素】，使红色虚线可见。 在文档窗口中，选中表单轮廓，即可在表单的【属性】面板中对其进行各种属性设置。表单的【属性】面板如图所示。 表单的【属性】面板 1．“表单名称”属性 在“表单名称”文本框中，键入标识该表单的唯一名称。 命名表单后，就可以使用脚本语言（如 JavaScript 或 VBScript）引用或控制该表单。如果未命名表单，则 Dreamweaver 使用语法 formn 生成一个名称，并在向页面中添加每个表单时递增 n 的值。如，form1。 2．“动作”属性 在“动作”文本框中指定处理该表单的动态页或脚本的路径。可在“动作”文本框中键入完整路径，也可单击文件夹图标定位到同一站点中包含该脚本或应用程序页的相应文件夹。 3．“MIME类型”属性 如果需要，可以使用“MIME 类型”弹出菜单指定对提交给服务器进行处理的数据使用 MIME 编码类型。 默认设置 application/x-www-form-urlencode 通常与 POST 方法协同使用。如果要创建文件上传域，请指定 multipart/form-data MIME 类型。 4．“方法”属性 在“方法”下拉菜单中，选择将表单数据传输到服务器的方法。 默认方法使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为 GET 方法。 GET 方法将值附加到请求该页的 URL 中。不要使用 GET 方法发送长表单。URL 的长度限制在819个字符以内。如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。 POST 方法将在 HTTP 请求中嵌入表单数据。如果您要收集机密用户名和密码、信用卡号或其它机密信息，POST 方法看起来比 GET 方法更安全。但是，由 POST 方法发送的信息是未经加密的，容易被黑客获取。若要确保安全性，请通过安全的连接与安全的服务器相连。 5．“目标”属性 如果需要，使用“目标”弹出菜单指定一个窗口，在该窗口中显示被调用程序所返回的数据。 如果命名的窗口尚未打开，则打开一个具有该名称的新窗口。目标值如下所示： _blank 在未命名的新窗口中打开目标文档。 _parent 在显示当前文档的窗口的父窗口中打开目标文档。 _self 在提交表单所使用的窗口中打开目标文档。 _top 在当前窗口的窗体内打开目标文档。此值可用于确保目标文档占用整个窗口，即使原始文档显示在框架中。 1．文本字段与文本域 通过文本域可以创建一个包含单行或多行的文本域，也可以创建一个隐藏用户输入文本的密码文本域。对其属性设置可以通过文本字段与文本域的【属性】面板进行。如图所示。 （1）“文本域”属性 每个文本域都必须有一个唯一名称。所选名称必须在该表单内唯一标识该文本域。 （2）“字符宽度”属性 字符宽度设置域中最多可显示的字符数。此数字可以小于“最多字符数”。“最多字符数”指定在域中最多可输入的字符数。例如，如果“字符宽度”设置为 20（默认值），而用户输入100个字符，则在该文本域中只能看到其中的20个字符。请注意，虽然无法在该域中看到这些字符，但域对象可以识别它们，而且它们会被发送到服务器进行处理