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

信息发布与网页设计DREAMWEAVER10信息学院?信息发布与网页设计?课题组05七月20241

第10章表单2课时本章重点：表单域、各种表单元素的设置表单域的含义、正确设置各表单元素检查菜单的“行为〞2

10.1表单与CGI和ASP什么是CGI？ CommonGatewayInterface CGI是一个用于Web效劳器与外部程序之间通信方式的标准；什么是ASP？ ASP是ActiveServerPage的缩写，意为“活动效劳器网页〞，ASP网页文件扩展名为.asp。3

10.2表单表单的作用:实现交互表单元素单行文本框密码域多行文本框单项选择按钮复选按钮下拉菜单提交按钮重置按钮4

10.2表单设计表单元素本卷须知：单项选择按钮要合理分组、正确安排“提交〞、“重置〞按钮。设置必要的检查，减少表单数据的人为错误设定正确的表单域5

10.3表单及表单域表单 表单是浏览者在网页中可填写、提交的内容。使用表单，可以收集来自用户的信息，是网站管理者与浏览者之间沟通的桥梁。表单域 界定一个独立表单的范围6

10.4表单的应用验证用户名、口令建立调查表填写有哪些信誉好的足球投注网站内容收集用户信息实现讨论区、聊天室等。7

10.5表单的插入表单的插入1〕菜单、“插入〞、“表单〞；2〕常用工具。表单属性设置面板8

创立表单创立一个网页输入适当的文本、设置背景等插入表单菜单“插入〞、“表单〞、“表单〞使用插入面板，点击“表单〞按钮显示表单红色虚框菜单“查看〞、“可视化助理〞、“不可见元素〞9

10.5设置表单属性设置表单属性表单名称：动作：用于设置处理表单数据的文件，是一个识别处理表单信息的效劳器端应用程序目标：设置翻开新文件的方式10

10.6设置表单数据的处理方法：用于设置处理表单数据的类型POST：将数据提交到“动作〞属性设置的文件中进行处理GET：追加数据到URL并且发出效劳器请求默认：一般为POST11

10.7插入文本域12

10.8插入单项选择按纽插入单项选择按钮输入提示信息〔性别：〕插入单项选择按钮，输入“男〞插入单项选择按钮，输入“女〞设置属性两个单项选择按钮的名称都为sex选定值分别为“男〞、“女〞设置初始状态13

10.8插入单项选择按纽同一表单中，几组单项选择按钮的应用使用不同的名称以区别多组单项选择按钮；如再插入“文化程度〞，有“高中〞、“大专〞、“本科〞、“硕士〞、“博士〞。共浏览者选择。14

10.9插入复选按纽插入复选框在网页中输入“兴趣爱好：〞在其后插入复选框，输入相应文字重复上步设置属性名称〔可以相同也可以不同〕选定值初始状态15

10.10插入列表菜单插入列表/菜单输入“职业：〞插入“列表/菜单〞设置属性名称〔work〕类型〔菜单；列表〕列表支持复选，菜单不支持复选列表值初始化时选定16

10.11插入跳转菜单插入跳转菜单在最下方输入文本〔取消注册，跳转到：〕插入“跳转菜单〞在“插入跳转菜单〞对话框中设置属性使用属性设置面板设置属性17

10.12提交表单电子邮件提交表单单击表单周围红虚框，在属性面板中的“动作〞文本框中，填入：mailto:E-mail地址在属性面板中的方法选项中，有“Post〞和“Get〞两种，选择:Post。18

10.13表单数据检查内容的验证通过行为面板中添加“检查标单〞的行为，可以检查表单文本框中必须填写的内容和填写的数据类型、进行检验。选择“提交〞按钮行为面板中，添加“检查标单〞行为，检验数据类型：字符/数字；允许的数值范围；必须填入的项是否填入等。邮件地址是否有效19