八年级信息技术第七课制作表单页面课件全国通用

第七课第七课 制作表单网页制作表单网页n学习目标学习目标n制作过程制作过程n反馈练习反馈练习学习目标学习目标n了解表单的工作原理了解表单的工作原理n学会制作表单学会制作表单n插入各种表单元素插入各种表单元素了解表单的工作原理了解表单的工作原理n用于收集、发布、调查、注册等用于收集、发布、调查、注册等n在使用搜索引擎查找信息时，查找的关在使用搜索引擎查找信息时，查找的关键字也是通过表单提交到服务器上键字也是通过表单提交到服务器上了解表单的工作原理了解表单的工作原理 利用表单，可以帮助利用表单，可以帮助Internet服务服务器从用户处收集信息器从用户处收集信息 了解表单的工作原理了解表单的工作原理 表单的工作过程如下：表单的工作过程如下：n访问者在浏览有表单的网页时，可填写访问者在浏览有表单的网页时，可填写必须的信息，然后单击必须的信息，然后单击“提交提交”按钮。按钮。n这些信息通过这些信息通过Internet传送到服务器上。传送到服务器上。n服务器上专门的程序对这些数据进行处服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要理，如果有错误会返回错误信息，并要求纠正错误。求纠正错误。n当数据完整无误后，服务器反馈一个输当数据完整无误后，服务器反馈一个输入完成信息。入完成信息。 了解表单的工作原理了解表单的工作原理一个完整的表单应该包含两个部分：一个完整的表单应该包含两个部分：n在网页中进行描述的表单对象在网页中进行描述的表单对象n应用程序，它可以是服务器端的，应用程序，它可以是服务器端的，也可以是客户端的，用于对客户也可以是客户端的，用于对客户信息进行分析处理。信息进行分析处理。 了解表单的工作原理了解表单的工作原理浏览器处理表单的过程一般是：浏览器处理表单的过程一般是：n用户在表单中输入数据，然后提交用户在表单中输入数据，然后提交表单，浏览器根据表单体中的设置表单，浏览器根据表单体中的设置处理用户输入的数据。处理用户输入的数据。了解表单的工作原理了解表单的工作原理n若表单指定通过服务器端的脚本程若表单指定通过服务器端的脚本程序进行处理，则该程序处理完毕后序进行处理，则该程序处理完毕后将结果反馈给浏览器（即用户看到将结果反馈给浏览器（即用户看到的反馈结果）的反馈结果）n若表单指定通过客户端（即用户方）若表单指定通过客户端（即用户方）的脚本程序处理，则处理完毕后也的脚本程序处理，则处理完毕后也会将结果反馈给用户。会将结果反馈给用户。 制作表单制作表单表单的组成表单的组成n表单标签表单标签n表单域表单域n表单按钮表单按钮制作表单制作表单n插入单行文本框插入单行文本框n插入密码框插入密码框n插入滚动文本框插入滚动文本框n插入复选框插入复选框n插入单选按钮插入单选按钮n插入按钮插入按钮下图是一个应用表单的实例下图是一个应用表单的实例练习思考练习思考答：当用户填写了表单并单击答：当用户填写了表单并单击“提交提交”按钮后，填写的信息会被发送到服按钮后，填写的信息会被发送到服务器上，服务器端脚本或应用程序务器上，服务器端脚本或应用程序对信息进行处理，并将成功结果反对信息进行处理，并将成功结果反馈浏览者，或执行某些特定的程序。馈浏览者，或执行某些特定的程序。 简述表单的处理过程。简述表单的处理过程。练习思考练习思考 每个表单都是由一个表单域和若干每个表单都是由一个表单域和若干个表单元素组成的，所有的表单元个表单元素组成的，所有的表单元素要放到表单域中才会有效，因此，素要放到表单域中才会有效，因此，制作表单页面的第一步是插入表单制作表单页面的第一步是插入表单域域。制作表单页面的第一步是什么制作表单页面的第一步是什么？练习思考练习思考选择题选择题 如果需要获取登录的用户输入的密码，如果需要获取登录的用户输入的密码，在表单文本字段的在表单文本字段的“属性属性”面板上应面板上应选择（选择（ B ）。）。A BC D