网页设计与制作 教学课件 作者 李云程 主编 李亮 周光明 副主编 第13章.pptVIP

第13章 创建交互性表单 13.1 表单技术简介 13.2 常用表单对象的使用 13.3 使用电子邮件处理表单数据 * * 表单Forms是网页设计中的重要技术 用户填写信息部分涉及到网页客户端部分，即是网页设计技术。 表单Forms是网页设计中，用户与网页进行交互的一种界面元素 。例如，用户信息注册、信息调查、联机查询、联机订购或在线申请等，都要用到表单。 而当用户填写完成后，一旦进行提交就数据发送到服务器处理，涉及到后台服务器数据处理编程技术。 网页中使用表单的目的，是要收集用户的各种信息。 Form标签： 实际收集信息的各个对象 。如文字输入框、隐藏域、文本域、复选框、单选按钮 等。 表单技术的组成 ，一个完整的表单技术由三个基本部分组成 。 通过它将所收集的信息发送到服务器进行处理。 在编辑区内产生一个红色虚线框。任何其他表单对象必须插入到两个 form 标签之中 。 表单项： 提交按钮 ： 案例 设计一个用户注册表单 制作要求： 在网页第1行输入标题文字：用户注册信息。设置适当字体和大小，并使其居中对齐；在表单项上下各有一个水平线，用于分割画面内容；其它项目如图13.2所示。 制作步骤 1.创建一个新页面，并输入相关信息 。 2.打开插入Insert面板中的表单Forms选项卡插入各种对象。 在表单使用中，注意各个表单属性的设置和使用。 设计一个如图13.2 所示的用户注册信息网页。 示例效果 案例 设计意见卡 制作要求： 设计一个如图13.8所示的表单处理数据页面，并通过电子邮件将数据发送到你的邮箱。 制作步骤 1.创建一个新页面，设置页面信息。 2. 插入表单标记，然后插入各个表单对象并设置其值。 3.在提交表单时将其数据发送到电子邮箱。单击选择表单标记，在属性面板中设置动作为：mailto:123@163.com，方法为：POST，MIME类型为：text/plain。 利用表单技术制作读者意见卡并用电子邮件处理表单数据 ，如图13.8所示 。 示例效果 3.保存文件并预览，只要你的Outlook设置正确即可收到数据