(
课件网) 项目活动七 在线注册页面制作:表单的应用 任务一 创建表单及表单对象 任务二 验证表单 任务三 制作在线注册页面 返回 任务一 创建表单及表单对象 一、了解表单 表单是Ｉｎｔｅｒｎｅｔ 用户与服务器进行信息交流的重要工具， 在网页中有着广泛的应用，如留言板、搜索引擎、注册程序等。 通常， 一个表单会包含多个对象， 也称为控件。 所有的表单对象都包含在< ｆｏｒｍ > 和< / ｆｏｒｍ > 标签中。 如图７ －１ 所示的在线注册页面， 当用户填写完资料并提交后， 输入在表单中的信息就会上传到服务器， 然后再由服务器的有关应用程序进行处理， 并执行某些程序， 将处理结果反馈给用户。 下一页 返回 任务一 创建表单及表单对象 二、创建表单 执行菜单命令“插入” → “表单” → “表单”， 可插入表单， 如图７ － ２ 所示。 任何其他表单对象， 都必须插入到表单中， 浏览器才能正确处理这些数据。 表单将以红色虚线框显示， 但在浏览器中是不可见的。 将光标置于表单内， 用鼠标单击状态栏上的“ < ｆｏｒｍ > ” 标签选中整个表单， 可以在“属性” 面板中设置表单属性， 其主要选项如图７ －３ 所示。 “表单ＩＤ”: 用来设置表单的名称， 该名称不能省略。 “动作”: 指定设置处理提交表单的服务器端脚本的ＵＲＬ 地址(提交给程序) 或邮件地址。 “ 目标”: 指定提交的结果文件显示的位置。 有四个选项＿ ｂｌａｎｋ、＿ ｓｅｌｆ、＿ ｐａｒｅｎｔ、＿ ｔｏｐ。 上一页 下一页 返回 任务一 创建表单及表单对象 (１) ＿ ｂｌａｎｋ 表示在一个新的、没有命令的浏览器窗口调入指定的文件。 (２) ＿ ｓｅｌｆ 表示在指向这个目标元素的相同框架中调入文件。 (３) ＿ ｐａｒｅｎｔ 表示把文件调入当前框的直接父框ＦＲＡＭＥＳＥＴ 中, 在当前框没有父框时， 这个值等价于＿ ｓｅｌｆ。 (４) ＿ ｔｏｐ 表示把文件调入原来的、最顶部的浏览器窗口中(因此取消所有其他框架)， 在当前框没有父框时， 这个值等价于＿ ｓｅｌｆ “编码类型”: 指定对提交给服务器进行处理的数据使用ＭＩＭＥ 编码类型。 有两个选项: ａｐｐｌｉｃａｔｉｏｎ/ ｘ － ｗｗｗ － ｆｏｒｍ － ｕｒｌｅｎｃｏｄｅｄ 和ｍｕｌｔｉｐａｒｔ/ ｆｏｒｍ － ｄａｔａ。 前者是默认选项， 通常与ＰＯＳＴ 方法协同使用, 如果表单中包含文件上传域， 则应选择后者。 上一页 下一页 返回 任务一 创建表单及表单对象 “方法”: 指定将表单数据传输到服务器所使用的方法有三个选项， 默认、ＰＯＳＴ和ＧＥＴ。 (１) 默认方法是使用浏览器的默认设置将表单数据发送到服务器。 (２) ＰＯＳＴ 方法是在消息正文中发送表单值， 并向服务器发送ＰＯＳＴ 请求。 这种方法允许传输大量数据， 一般情况下， 选用该方法比较安全。 (３) ＧＥＴ 方法是将表单值添加到ＵＲＬ 请求中， 并向服务器发送ＧＥＴ 请求。 所以传送的数据量就会受到限制， 但是执行效率却比ＰＯＳＴ 方法好。 注意: 在发送银行卡号、密码等重要信息时， 最好采用ＰＯＳＴ 方法发送， 因为如果以ＧＥＴ 方法发送表单数据， 表单会将数据附加到ＵＲＬ 请求中发送， 安全性降低。 上一页 下一页 返回 任务一 创建表单及表单对象 三、插入文本域 在文本字段中， 可输入任何类型的文本内容， 它是最常见的表单对象之一。 按照文本字段的行数和显示方式， 可将其分为单行文本字段、多行文本字段和密码域三种。 执行菜单命令“插入” → “表单” → “文本域” 命令插入文本域。 其“属性” 面板如图７ －４ 所示。 在“属性” 面板中， 根据需要设置文本域的属性。 主要设置选项含义如下。 “文本域”: 设置 ... ...
