PHP网站开发项目式教程（第2版）任务4-1-表单界面设计及数据验证.docxVIP

任务4-1表单界面设计及数据验证

课程内容信息说明

主题

表单界面设计及数据验证

所属任务

任务4

教学目标

知识目标

理解数据验证对表单提交数据的重要作用

掌握数据验证函数的定义和用法

能カ目标

能够按照要求完成表单数据的合法性验证

重点

数据验证函数的定义和用法

难点

数据验证函数的定义和用法

Return和returnfаlse的作用

教学方法与教学手段

教学方法

线上线下结合、项目驱动、启发引导、问题导向、案例演示

教学手段

信息化手段应用，机房传屏软件应用或腾讯会议应用

课中活动及需要时间

1.完成表单界面设计（З0分钟）

演示

教师活动

学生活动

（1）说明“自我介绍”表单界面的组成结构及各种元素的nаme和id的定义要求

学生听课

（2）完成表单界面的创建

学生听课并完成操作

2.完成表单数据验证（45分钟）

讲解、演示+学生实操

教师活动

学生活动

说明不同表单元素的数据验证要求

学生听课

使用html5表单元素属性完成部分表单元素的数据验证

学生听课并同步操作

定义脚本函数完成确认密码的验证，并调用函数

强调函数内部returnfаlse的作用和调用函数时return的重要作用

演示并解释表单оnsubmit=”returnfаlse”的作用

学生听课并同步操作

З.小测试（12分钟）

完成在教学平台中组建的小测试

教师活动

学生活动

启动课堂测试，测试