信息发布与网页的设计Dreamweaver 10 表单.pptVIP

信息发布与网页设计 DREAMWEAVER 10 信息学院 《信息发布与网页设计》课题组 * 第10章 表单 2课时 本章重点： 表单域、各种表单元素的设置 表单域的含义、正确设置各表单元素 检查菜单的“行为” 10.1 表单与CGI和ASP 什么是CGI？ Common Gateway Interface CGI是一个用于Web服务器与外部程序之间通信方式的标准； 什么是ASP？ ASP是Active Server Page的缩写，意为“活动服务器网页”，ASP网页文件扩展名为.asp。 10.2 表单 表单的作用:实现交互 表单元素 单行文本框 密码域 多行文本框 单选按钮 复选按钮 下拉菜单 提交按钮 重置按钮 10.2 表单 设计表单元素 注意事项： 单选按钮要合理分组、 正确安排“提交”、“重置”按钮。 设置必要的检查，减少表单数据的人为错误 设定正确的表单域 10.3 表单及表单域 表单 表单是浏览者在网页中可填写、提交的内容。使用表单，可以收集来自用户的信息，是网站管理者与浏览者之间沟通的桥梁。 表单域 界定一个独立表单的范围 10.4 表单的应用 验证用户名、口令 建立调查表 填写有哪些信誉好的足球投注网站内容 收集用户信息 实现讨论区、聊天室等。 10.5 表单的插入 表单的插入 1）菜单、“插入”、“表单”；2）常用工具。 表单属性设置面板 10.5 创建“个人信息注册”网页 创建表单 创建一个网页 输入适当的文本、设置背景等 插入表单 菜单“插入”、“表单”、“表单” 使用插入面板，点击“表单”按钮 显示表单红色虚框 菜单“查看”、“可视化助理”、“不可见元素” 10.5 设置表单属性 设置表单属性 表单名称： 动作：用于设置处理表单数据的文件，是一个识别处理表单信息的服务器端应用程序 目标：设置打开新文件的方式 10.6 设置表单数据的处理 方法：用于设置处理表单数据的类型 POST：将数据提交到“动作”属性设置的文件中进行处理 GET：追加数据到URL并且发出服务器请求 默认：一般为POST 10.7 插入文本域 插入文本域 在表单中输入文本“用户名：”，并设置文本格式 在文本后，使用“插入”菜单或插入面板，插入“文本字段”（文本域） 设置文本域的属性 插入其他的文本域（密码、姓名、年龄、联系方式等） 插入文本区域（可以由多行文本域得到） 10.8 插入单选按纽 插入单选按钮 输入提示信息（性别：） 插入单选按钮，输入“男” 插入单选按钮，输入“女” 设置属性 两个单选按钮的名称都为 sex 选定值分别为“男”、“女” 设置初始状态 10.8 插入单选按纽 同一表单中，几组单选按钮的应用 使用不同的名称以区别多组单选按钮； 如再插入“文化程度”，有“高中”、“大专”、“本科”、“硕士”、“博士”。共浏览者选择。 10.9 插入复选按纽 插入复选框 在网页中输入“兴趣爱好：” 在其后插入复选框，输入相应文字 重复上步 设置属性 名称（可以相同也可以不同） 选定值 初始状态 10.10 插入列表菜单 插入列表/菜单 输入“职业：” 插入“列表/菜单” 设置属性 名称（work） 类型（菜单；列表） 列表支持复选，菜单不支持复选 列表值 初始化时选定 10.11 插入跳转菜单 插入跳转菜单 在最下方输入文本（取消注册，跳转到：） 插入“跳转菜单” 在“插入跳转菜单”对话框中设置属性 使用属性设置面板设置属性 10.12 提交表单 电子邮件提交表单 单击表单周围红虚框， 在属性面板中的“动作” 文本框中，填入：mailto:E-mail地址 在属性面板中的方法选项中， 有“Post”和“Get”两种，选择:Post。 10.13 表单数据检查内容的验证 通过行为面板中添加“检查标单”的行为，可以检查表单文本框中必须填写的内容和填写的数据类型、进行检验。 选择“提交”按钮 行为面板中，添加“检查标单”行为，检验 数据类型：字符/数字； 允许的数值范围； 必须填入的项是否填入等。 邮件地址是否有效 * *