《创建表单网页》PPT课件.ppt

第12章 创建表单网页,表单功能概述 创建表单 添加文本字段 添加选择域 列表和菜单 其他表单域 表单的排版 操作跳转菜单,表单功能概述,插入表单的两种方法：一是选择“插入/表单”和“插入/表单对象”；二是使用插入面板中的“表单”子面板； 插入表单的步骤： 1.插入表单：确定表单范围；携带表单相关信息，提交的也是表单范围内的内容； 2.插入表单域：很多类型； 3.表单网页的排版：借助表格。,创建表单,表单的创建 表单属性的设定,表单的创建,插入点放在要插入表单处； 选择“插入/表单”，或选择插入面板表单子面板中的“表单”按钮；编辑窗口显示一个矩形虚线框； 在框内单击，显示表单属性面板，设置表单属性； 表单域则要在表单范围内插入。,表单属性的设定,表单名称：该名称在程序处理表单时要用到； 动作：设定脚本程序位置。若程序在本地站点中，单击浏览按钮选择；若在远程服务器，填写程序路径；也可将用户提交的信息发到邮箱，在动作框中填写mailto:；(必须设置Outlook Express)； 方法：两种提交方法（GET 与POST）： GET：将信息附加在URL地址后提交服务器，信息不能超过8192字符，且不具保密性； POST：表单信息文件的形式提交； 目标：处理后的表单显示的位置（四种）； MIME类型：创建文件上传域时须指定multipart/form-data MIME类型。,添加文本字段,添加文本字段 单行文本框 密码框 多行文本框,添加文本字段,将插入点放在表单线内； 单击表单子面板上的文本字段按钮，选择“插入/表单对象/文本字段”； 在属性面板中设置文本字段的属性。,单行文本框,在文本域属性面板中的类型栏中选择“单行文本”； 在“文本域”下方给文本域命名； 在“字符宽度”框中输入字符宽度，最多24字符宽； 在“最大字符数”框中输入字符数限制； 在“初始值”框中填写一些提醒文字。,密码框,在文本域属性面板中的类型栏中选择“密码”项； 密码只用于需要填写密码等机密内容时，并全部以*显示； 一旦设置成密码形式，初始值框中的内容也以*显示； 其他设置同上。,多行文本框,在文本域属性面板中的类型栏中选择“多行文本”；或直接单击表单子面板上的“多行文本框”按钮； “字符宽度”：默认20字符； “行数”：默认两行，当行数超过默认行数时，自动出现滚动条； “换行”：设定是采用自动换行，以及表单提交后是否采用自动换行；四种选择分别确定以浏览器宽度、右边界、文本框中的自动换行或不换行。,添加选择域,复选框 单选框 单选按钮组,复选框,插入点置于要插入复选框的位置； 单击表单子面板中的“插入复选框”按钮； 在复选框旁边输入对应的说明文字； 选中复选框，打开属性面板，设置如下： “复选框名称”：用来区别复选框的内容； “选定值”：给复选框赋值，即选定复选框 后提交的内容； “初始状态”：已选择或未选择。,单选框,插入点置于要插入单选框的位置； 单击表单子面板中的“插入单选框”按钮； 在单选框旁边输入对应的说明文字； 选中单选框，打开属性面板，设置如下： “单选框名称”：同一组单选框应使用相同的名称，起提示单选内容的作用； “选定值”：给单选框赋值，即选定单选框后提交的内容；要使用英文； “初始状态”：已选择或未选择。,单选按钮组,插入点置于要插入单选按钮组的位置； 单击表单子面板中的“插入单选按钮组”按钮，打开设置面板（如图）； 设置单选按钮组； 选中选定按钮，打开属性面板，进行修改设置。,列表和菜单,列表 菜单,列表和菜单是为节省网页的空间而产生的,菜 单,插入点置于表单中需要放置列表或菜单的位置； 在表单面板中单击插入列表/菜单按钮； 在菜单框旁边输入说明文字； 在类型栏选择“菜单”； 在“列表/菜单”下方填写称（英文）； 单击“列表值”按钮，添加当前菜单的选择项目。,列 表,插入点置于表单中需要放置列表或菜单的位置； 在表单面板中单击插入列表/菜单按钮； 在类型栏选择“列表”；在列表框旁边输入说明文字； 在“列表/菜单”下方填写列表名称（英文）； “高度”：设置容纳几行文字； “选定范围”：设置是否允许选择多项,其他表单域,文件域 普通按钮 图像提交按钮 隐藏域,文件域,用户将文件提交到网站，就要用到文件域，以提交文档、照片或其他文件； 选择“插入/表单对象/文件域”，或单击表单子面板中的“文件域”按钮； 在文件域旁输入对应的说明文字； 选中文件域，打开属性面板，设置文件域名称、字符宽度、最多字符数等； 注意：使用文件域必须在表单属性的“方法”中设成“POST”。,普通按钮,在插入面板子面板中单击“插入按钮”按钮； 选中按钮，打开按钮属性面板； 在“动作”项中，若选择“提交表单”，将按钮设置成提交按钮；若选择“重设表单”，将按钮设置成重置按钮；若选择“无”，单击无动作，可通过脚本语言赋于按钮新的动作； “标签”：按钮上显示的文字； “按钮名称”：输入英文名称。,图像提交按钮,在表单子面板中单击“插入图像域”按钮； 在弹出浏览窗口中选择一个图像文件，单击“确定”； 选中图像，打开属性面板，即图像提交按钮进行设置： “图像区域”：设置图像域的英文名字； “宽”和“高”：图像的高度和宽度（像素）； “源文件”：图像路径。,隐藏域,不可见，目的在于收集和发送信息，隐藏域的值在创建表单时通过属性面板设定； 单击表单子面板中的“插入隐藏域”按钮； 双击选中隐藏域图标，打开属性面板，在“值”中设置隐藏域的值，注意使用英文。,表单的排版,要将零散的表单组织起来，还要依靠表格； 插入点置于