7.1创建表单及表单对象(课件）-高二《网页设计与制作》同步教学（北京理工版）

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