网页静态表单制作、检查及提交.ppt

* * 第十二章 静态表单制作、检查与提交 主要内容： 了解Web表单 设计表单页面 检查与提交表单 学习目的： 了解表单与表单对象 掌握在页面插入表单的方法 掌握在页面插入表单对象的方法 学习检查表单的技巧 学习提交表单的技巧 课堂演示讲授时间：4小时 1、了解Web表单 表单是以一种窗体的形式，为站点与浏览者进行信息传递、互动交流的工具。通过表单，浏览者可以在表单对象中输入或选择相关的信息，然后提交到站点服务器的数据库，而服务器脚本或应用程序即对这些信息进行处理，最后服务器应因请求，将信息发送回用户或客户端页面，从而达到人站交流的目的。 表单与表单对象 在Web页插入表单 要使用表单对象前，必须先插入表单，如此浏览者才可通过表单对象提交数据。 2、设计表单页面 插入字段集对象 字段集对象本身并不能让浏览者输入或选择信息，它只提供一个区域放置 字段内容，我们可以利用这个对象占用一个区域，用作放置表单对象。 文本字段对象可以接受任何类型的字母、数字、文本内容，在表单中 插入文本字段对象，可以让浏览者在该对象中输入信息。 插入文本字段对象 单选按钮对象主要用来为表单设置单项选择的功能，例如让浏览者选择 性别，或者其他只有唯一选项的内容。 插入单选按钮对象 列表/菜单对象可以设置一个滚动列表，以便浏览者在列表中选择合适的项值。 插入列表/菜单对象 复选框对象允许浏览者在一组选项中选择多个选项，用户可以将此对象应 用在需要选择任意多个适用选项的表单功能设置上。 插入复选框对象 文本区域对象与文本字段对象一样，都可以接受任何类型的字母、数字、 文本内容的输入，但若浏览者可能需要输入较多的内容时，就需要使用文本区 域对象了。 插入文本区域对象 按钮对象主要用于提供浏览者提交表单信息，它包含“提交表单”与“重设 表单”两种动作类型。 插入按钮对象 3、检查与提交表单 检查表单 在Dreamweaver中，用户可以为网页添加“检查表单”的行为，以便为各个 表单对象设置对应的条件，如此可以有效地避免浏览者在表单对象中输入错误 信息，或者漏填信息。 提交表单信息至电子邮箱 如果是简单的表单，而且面对的浏览者不多或受技术所限，可以不用为表单 专门建构一个数据库（一般表单的信息会提交到数据库），只需为表单设置一个 到电子邮件地址的链接即可。如此可以让浏览者直接将表单需要填写的信息写在 邮件上，然后发送给站主。