课题表单组件与其他组件(一)
课时2课时(90min)
知识技能目标:
(1)了解button、checkbox和checkbox-group、radio和radio-group、picker、switch、input、
textarea、label、form等常用表单组件的功能
教学目标
(2)掌握form组件的应用
素质目标:
不断提高动手能力,达到学以致用的目的
教学重点:常用表单组件的功能
教学重难点
教学难点:能够使用表单组件制作表单页面
教学方法案例分析法、问答法、讨论法、讲授法
教学用具电脑、投影仪、多媒体课件、教材
第1节课:课前任务→考勤(2min)→问题导入(5min)→传授新知(38min)
教学设计
第2节课:问题导入(5min)→任务实施(35min)→课堂小结(3min)→作业布置(2min)
教学过程主要教学内容及步骤设计意图
第一节课
【教师】布置课前任务,和学生负责人取得联系,让其提醒同学通过APP或
其他学习软件完成课前任务
通过课前任务,使
请大家提前熟悉表单组建中常用的button、checkbox和checkbox-group、radio
学生了解所学课程
课前任务和radio-group、picker、switch、input、textarea、label和form等组件,并对制
的重要性,增加学生
作微信小程的建议反馈页面有个初步了解。
的学习兴趣
【学生】完成课前任务
【教师】使APP进行签到培养学生的组织
考勤
纪律性,掌握学生的
(2min)【学生】班干部报请假人员及原因
出勤情况
【教师】创设情景,并组织学生讨论下列问题:
我们在开发微信小程序时,当点击form表单中form-type为submits的
button组件时会将表单组建中的value进行提交,学要在表单组建中加上
name来作为key。通过问题导入的
问题导入方法,引导学生主动
(5min)(1)如何一次性获取所有表单控件的值并且提交到服务器上去呢?思考,激发学生的学
(2)怎样使用form把所有子元素包含进去?