Web前端开发HTML5 CSS3表单教案（2）.doc

课程名称 WEB前端开发（1） 课次 20 任务、项目、课题名称 表单（2） 课时 2学时 教学内容 案例制作：用户注册表 创建表单的HTML标记； 表单的CSS样式控制； 教学目标 掌握创建表单的HTML标记； 掌握表单的CSS样式控制； 教学重点 创建表单的HTML标记； 教学难点 表单的CSS样式控制； 教学活动及主要环节 复习提问： 创建表单域的标记？ 导入新课： 表单用于搜集不同类型的用户输入，譬如网上注册、网上登录、网上交易等页面都需要创建表单。 新授：（案例演示） 一．表单控件 1．textarea控件 当定义input控件的type属性值为text时，可以创建一个单行文本输入框。如果需要输入大量信息，且字数没有限制时，就需要使用textarea和/textarea标记。例如，输入个人简历时的控件就是textarea控件。其基本语法格式如下。 textarea cols=每行中的字符数 rows=显示的行数 文本内容 /textarea 2．select控件 select控件提供下拉列表选项，供用户进行选择。下拉框通过select标记和option标记来定义。例如，在用户注册表单中，职业的选择项就使用下拉列表实现。其基本语法格式如下。 select option选项1/option option选项2/option option选项3/option ... /select CSS设置表格样式（作业） 通过CSS样式式设置表格的样式可以创建出各种漂亮美观的表单。 小结： 创建表单的HTML标记； 表单的CSS样式控制； 案例制作：用户注册表 （作业） 作业： 案例制作：用户注册表