教案《HTML5-CSS3项目开发案例教程》----第13课-使用HTML5添加表单.pdf

使用HTML5添加表单第课

13

课题使用HTML5添加表单21

课时2课时（90min）

知识技能目标：

（1）了解表单的基本结构

（2）学习表单域和表单控件的使用2

（3）掌握设置表单属性和提示信息的方法

教学目标

（4）掌握表单对象的分组

思政育人目标：

通过学习为HTML添加表单，培养学生举一反三的能力，充分调动学生的创新思维，培

养学生的创造力和想象力

教学重点：学习表单的基本结构和表单控件

教学重难

教学难点：使用HTML5语言设置表单属性

教学方法讲授法、启发法、问答法、演示法、讨论法、练习法

教学用具电脑、投影仪、多媒体课件、教材

第1节课：考勤（2min）→导入新知（4min）→知识讲解（24min）→代码分析（15

min）

教学设计

第2节课：问题导入（4min）→知识讲解（22min）→上台演示（15min）→课堂

小结（2min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

【教师】清点上课人数，记录好考勤培养学生的组

考勤织纪律性，掌握学

（2min）【学生】班干部报请假人员及原因生的出勤情况

【教师】提出问题，引出新知识

通过问答的形

导入新知表单是实现用户与网站沟通的重要元素，主要用于数据的收集式，让学生思考如

（4min）与处理。在网页中，该如何使用HTML5语言对表单进行操作呢何在HTML5中

对表单进行操作

【学生】思考、发言

知识讲解通过讲解知识

【教师】讲述表单的基本结构

（24min）点，让学生进一步

1

第13课使用HTML5添加表单的基基本本

一个最简单的表单结构包括表单域与表单控件，其中，表单控了解HTML5中

件需至少包含一个提交按钮。另外，为使表单更具实际意义，可在