教案名称任务8 制作学生信息注册表单计划学时6学时
知识目标掌握创建表单的HTML标记掌握表单的CSS样式控制
思政目标引导学生做好职业规划，在课程学习中树立职业理想。激发学生爱国热情、为科技强国而努力学习
教学重点创建表单的HTML标记表单的CSS样式控制
教学难点表单的CSS样式控制
教学模式教学做一体化
线上+线下混合教学
教学活动及主要环节
思政元素
切入点第1、2学时
（表单的创建）
课前发布任务：
观看学习通平台相关学习视频。
做课前测试题。
I.学生讨论：（10分钟）
表单的标记是什么？表单控件有哪些？
II.重难点内容讲授：
一、认识表单（5分钟）
表单是允许浏览者进行输入的区域，可以使用表单从客户端收集信息。浏览者在表单中输入信息，然后将这些信息提交给网站服务器，服务器中的应用程序会对这些信息进行处理并响应，这样就完成了浏览者和网站服务器之随着互联网的飞速发展，各种智能终端的普及，前端开发越来越受到重视，人才需求量巨大，不仅仅是普通的静态页面，更多的是页面的冲击和美感的享受。激发学生
html中提交表单用什么属性
第3、4学时
（表单控件、CSS设置表单样式）课前发布任务：
观看学习通平台相关学习视频。
做课前测试题。
I.复习提问：
创建表单域的标记？
II.导入新课：（5分钟）
分组讨论：利用前面所学知识，能否实现下拉菜单及多行文本框？
（学生讨论，参与互动）
III.重难点内容讲授：
一、表单控件（30分钟）
1．textarea控件
当定义input控件的type属性值为text时，可以创建一个单行文本输入框。如果需要输入大量信息，且字数没有限制时，就需要使用<textarea>和</textarea>标记。例如，输入个人简历时的控件就是textarea控件。其基本语法格式如下。
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
举例说明其常用属性：
2．select控件
select控件提供下拉列表选项，供用户进行选择。下拉框通过select标分小组讨论过程中，培养学生团队合作，共同探讨的协作意识，培养同学们良好的沟通能力，为以后进入工作岗位打下良好的基础。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。