53信息发布与网页设计-Dreamweaver10 表单

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