Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）（第2版）（微课版） 教案 第14讲次 任务15 表单与input元素.docx

教案

序号：14

授课日期

课时数

4

章节名称

任务15表单与input元素

教学内容

重点

表单与input元素。

难点

input元素的属性。

教学目的与要求

理解表单的属性和作用。

熟悉常用的表单元素。

了解网页中常用的表单功能。

教学方法

与手段

教师采用任务驱动法，使用教学PPT辅助授课。

教师操作演示，学生实训练习。

学生课前课后均可通过“浙江省高等学校在线开放课程共享平台”的配套微课学习。

作业及

思考题

完成课堂上未完成的习题，通过网络平台上交作业。

通过回帖的方式回答课上留下的思考题。

预习下一节内容。

讲授内容

课堂组织

第一学时

（任务15过渡与变形属性

15.1认识表单、15.2创建表单）

实操任务目标发布

实战演练——制作登录界面

图14-SEQ图\*ARABIC\r11登录界面

强化训练——制作简历表单

图14-SEQ图\*ARABIC2简历表单

知识准备

认识表单

表单：用于收集用户在客户端提交的信息，并将这些信息发送给服务器进行处理。如常见的搜索功能、用户登录功能、注册功能等。

组成：表单元素（也叫表单控件）、提示信息和表单域。

图14-SEQ图\*ARABIC3表单的组成

创建表单

表单定义：

formaction=url地址method=提交方式name=表单名