dw-第5章网页中的表单.ppt

Dreamweaver 网页制作 主讲：孙洪娟 第5章 网页中的表单 本章目标 5.1表单的作用 5.2创建表单 5.3表单设置 5.4实例 5.1表单的作用 表单在网页中主要负责数据采集功能，并负责将表单对象的值提交给服务器端的某个程序处理。如电子商务、网上调查、网上报名、网上留言和收发电子邮件等，都是通过表单来操作的。使用表单，网络可以接收用户输入的信息，从而更好地实现用户与网络的交互。 5.1表单对象 文本域 文本区域 按钮 复选框 单选框 单选按钮 列表/菜单 文件域 图像域 隐藏域 单选按钮组 跳转菜单 字段集 标签 spry验证文本域 spry验证文本区域 spry验证复选框 spry验证选择 5.2创建表单 单击【插入】工具栏的【表单】标签中的各个按钮 菜单栏中【插入】【表单】【表单】命令。 5.2.1表单域 页面中将出现一个红色的虚线框 若看不到虚线：查看可视化助理不可见元素 表示在页面中创建了一个表单域 相当于一个容器，盛放着所有表单对象 5.2.2表单域的属性 【表单ID】：用于设置表单的名称。 【动作】：用于输入或显示将要处理表单信息的脚本或应用程序所在的URL路径。 【方法】：用于选择处理表单数据的方式。可以选择“默认”、“GET(表单用于接收信息)”和“POST(表单用于发送信息)”选项。 【编码类型】：用于指定对提交给服务器进行处理的数据使用的编码类型。默认设置“application/x-www-form-urlencoded”通常与“POST”方法配合使用。 5.2.3表单对象-文本字段 文本字段：插入一个文本域，可以输入各种数字和字母，也可输入【*】用于密码保护，可以是单行或多行文本 单击它，则弹出【输入标签辅助功能属性】对话框 5.2.3表单对象-文本字段 5.2.4表单对象-文本字段 【ID】：用于为表单对象指定一个ID号。 【标签】：用于输入表单对象的标签文本。 【样式】：用于选择表单对象的标签文本在HTML中的书写规则。 【位置】：用于设置标签文本的位置。 【访问键】：用于设置在浏览器中选择表单对象的快捷键。 【Tab键索引】：用于为表单对象设置Tab顺序。 5.2.5表单对象-文本字段属性 【文本域】：用于输入文本域的名称，不能包含空格和特殊字符 【字符宽度】：用于设置文本域的宽度，即文本域中最多能够显示的字符数 【最多字符数】：用于设置文本域中最多能够输入的字符数 【类型】：用于设置文本域的类型，选择“单行”选项时，文本域为单行文本框；选择“多行”选项时，文本域为多行文本框；选择“密码”选项时，文本域为一个单行的密码框 【初始值】：用于输入文本域中默认显示的初始信息。如果文本域为密码框，则输入的信息在表单中将以“*”显示 【禁用】：选择该选项，则为禁用状态，只显示固定值 【只读】：选择该选项，则文本域为只读，不能填写 5.2.6表单对象 隐藏域：可插入一个储存相关信息的区域。隐藏内容不显示在表单上，但要传送给服务器。 文本区域：在文本区域中可输入多行文字 复选框：允许在一组选项内选择一个或多个选项 单选按钮：具有惟一性 单选按钮组：可一次性插入多个单选按钮 列表/菜单：可在列表或菜单中添加浏览者可选择的选项，以便浏览者操作 5.2.7表单对象 跳转菜单：每个选项都指向一个网页文档，当选项被选择时，浏览器将自动跳转到链接指向的网页文档 图像域：可使用图像代替【提交】按钮来使用 文件域：让浏览者浏览本地计算机中的文件或文件夹，并选择其中一个文件路径添加到文件域内 按钮：插入一个按钮，单击它后可执行相应的任务，例提交、重置表单或执行自行编写的函数。 5.2.7表单对象 标签：提供了一种将域的文本标签和该域关联起来的方法 字段集：是表单元素逻辑组的容器标签 任务1表单基础实例订购网 任务2