HTML&CSS,回顾,超链接标记,课程知识拓扑图,本次课内容,表单的概念 表单的基本标记,本次课知识点的作用,本次课通过学习表单相关标记,了解通过页面提交表单数据的原理和流程,学会制作静态的表单页面,为后期编程学习打下基础。,教学目标,掌握表单的基本标记。,教学重难点,重点:表单标记 难点:表单本身属性的理解,本次课教学目标与重难点,7,一个样本表单,8,是网页上的一个特定区域,由一对标记定义的。属性:,表单标记,9,标记内的标记,10,输入标记input,11,input标记属性,12,text :文字域 password:密码域 file:文件域 checkbox:复选框 radio:单选框 button:普通按钮 submit:提交按钮 reset:重置按钮 image:图象域,input type 属性,13,基本语法: ,文字域text,14,基本语法: ,密码域password,15,复选框checkbox单选框radio其中:checked表示此项被默认选中value表示选取中项目后传送到服务器端的值,复选框、单选框,16,提交按钮submit重置按钮reset ,按钮,17,基本语法:,列表(下拉框)元素,18,基本语法:,文字域textarea 元素,本次课课程总结,作业布置与要求,1、练习本次课学习的内容,2、完成一个表单页面的制作,下次课内容,