（中职）网页设计与制作教程7.pptVIP

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