信息发布与网页设计-Dreamweaver10_表单教材教学课件.ppt

信息发布与网页设计 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.6 设置表单数据的处理 方法：用于设置处理表单数据的类型 POST：将数据提交到“动作”属性设置的文件中进行处理 GET：追加数据到URL并且发出服务器请求 默认：一般为POST 10.7 插入文本域 插入文本域 在表单中输入文本“用户名：”，并设置文本格式 在文本后，使用“插入”菜单或插入面板，插入“文本字段”（文本域） 设置文本域的属性 插入其他的文本域（密码、姓名、年龄、联系方式等） 插入文本区域（可以由多行文本域得到） 10.8 插入单选按纽 插入单选按钮 输入提示信息（性别：） 插入单选按钮，输入“男” 插入单选按钮，输入“女” 设置属性 两个单选按钮的名称都为 sex 选定值分别为“男”、“女” 设置初始状态 10.8 插入单选按纽 同一表单中，几组单选按钮的应用 使用不同的名称以区别多组单选按钮； 如再插入“文化程度”，有“高中”、“大专”、“本科”、“硕士”、“博士”。共浏览者选择。