【教学课件】第7章制作表单页面.ppt

第7章 制作表单页面,本章内容练习思考实验操作,本章内容,了解表单的工作原理制作表单插入各种表单元素,了解表单的工作原理,表单的作用就是收集用户的信息用于调查、注册、定购等在使用搜索引擎查找信息时，查找的关键字也是通过表单提交到服务器上,了解表单的工作原理,利用表单，可以帮助Internet服务器从用户处收集信息,了解表单的工作原理,表单的工作过程如下：访问者在浏览有表单的网页时，可填写必须的信息，然后单击“提交”按钮。这些信息通过Internet传送到服务器上。服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输入完成信息。,了解表单的工作原理,一个完整的表单应该包含两个部分：在网页中进行描述的表单对象应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。,了解表单的工作原理,浏览器处理表单的过程一般是：用户在表单中输入数据，然后提交表单，浏览器根据表单体中的设置处理用户输入的数据。,了解表单的工作原理,若表单指定通过服务器端的脚本程序进行处理，则该程序处理完毕后将结果反馈给浏览器（即用户看到的反馈结果）若表单指定通过客户端（即用户方）的脚本程序处理，则处理完毕后也会将结果反馈给用户。,了解表单的工作原理,服务器端方式的主要优点是能全方位地处理用户输入的数据，但占用服务器的资源客户端方式的优点是不占用服务器资源，反馈结果快，但只能对用户输入的数据进行有限的处理。,制作表单,表单的组成一个表单域若干个表单元素 所有的表单元素要放到表单域中才有效。,制作表单,动作用于设置处理表单的服务器端脚本的路径。,制作表单,方法选择表单提交的方法Post表单信息将以文件的形式提交Get将浏览者提供的信息附加在URL地址的后面提交到服务器,制作表单,插入单行文本域插入密码域插入多行文本域插入复选框插入单选按钮,制作表单,插入按钮插入图像域插入跳转菜单下图是一个应用表单的实例,练习思考,简述表单的处理过程。答：当用户填写了表单并单击“提交”按钮后，填写的信息会被发送到服务器上，服务器端脚本或应用程序对信息进行处理，并将成功结果反馈浏览者，或执行某些特定的程序。,练习思考,制作表单页面的第一步是什么？每个表单都是由一个表单域和若干个表单元素组成的，所有的表单元素要放到表单域中才会有效，因此，制作表单页面的第一步是插入表单域。,练习思考,表单提交有哪两种方法？答：两种方法是Post和Get。Post表单信息将以文件的形式提交Get将浏览者提供的信息附加在URL地址的后面提交到服务器,练习思考,选择题 如果需要获取登录的用户输入的密码，在表单文本字段的“属性”面板上应选择（B）。A BC D,实训操作一,制作如下图所示的表单页面。,实训操作二,练习制作锚点链接练习制作图像映射,