- 0
- 0
- 约4.93千字
- 约 28页
- 2019-08-31 发布于四川
- 举报
form name=form1 action= method=post 请选择月份: select name=select option value=1 一月/option option value=2二月/option option value=3三月/option option value=4 selected=selected四月/option …… /select /form 下拉框标签 选项标签 选项的值 默认选中项 三、单元项目实施 2、知识准备 表单基本控件:下拉选择框 下拉选择框允许你在一个有限的空间设置多种选项。 form name=form1 action= method=post …… input type=submit name=submit value=登录 input type=reset name=reset value=重填 input type=button name=btn value=普通按钮 onclick=javascript:alert(这是个普通按钮) /form 类型:提交按钮 类型:重置按钮 类型:普通按钮 提交按钮将用户输入的信息提交给服务器。 重置按钮用来清除表单中已填写的内容。 普通铵钮主要响应一些事件 。 单击按钮响应事件 三、单元项目实施 2、知识准备 表单基本控件:按钮 按钮分为三种:普通按钮、提交按钮和重置按钮。 三、单元项目实施 2、知识准备 制作“淘宝”的会员注册页面,写出表单控件的代码。 文本框 密码框 复选框 提交按钮 多行文本框 三、单元项目实施 2、知识准备 表单基本控件:小结 创建表单控件常用的三个标签:input标签、select标签、textarea标签 属性 说明 Type 指定表单控件的类型。常用选项:text、password、radio、checkbox、submit、reset、button等。缺省值是text。 Name 指定表单控件的名称。 Value 指定单行文本框和密码框的初始内容。 Size 只适用于单行文本框和密码框。指定控件的宽度(以字符为单位),缺省值为20。 Maxlength 只适用于单行文本框和密码框。指定这两种控件可以接受的字符串的最大数目。缺省值为无穷大。 checked 只适用于单选按钮和复选框,指定控件是否被选中。 三、单元项目实施 3、项目实施 使用CSS设置表单样式 创建效果如下图所示的登录界面 三、单元项目实施 3、项目实施 使用js设置表单验证 ② Form后台登录 验证 四、项目单元小结 本学习单元通过制作项目【系部网站后台登录页面】,学习了创建表单、添加表单控件、使用CSS设置表单样式。灵活运用表格、表单和CSS完成登录页面的创建。 五、项目单元任务 1、完成教材“考核评价”剩余部分内容 2、以“计算机系部网站”为任务驱动,完成后台登录页面的制作 谢谢! * * 辽宁省北票市桃园中学 蒋海东 * * 辽宁省北票市桃园中学 蒋海东 * * 辽宁省北票市桃园中学 蒋海东 * * * * 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 辽宁省北票市桃园中学 蒋海东 项目化实战教程 项目化实战教程 项目化实战教程 了解框架的作用 掌握框架和框架集的属性 知识目标 能够通过框架技术完成后台登录主界面的布局 熟练通过表格、JavaScript结合CSS+DIV技术,完成后台主界面中各框架页面的制作 培养学生实际项目开发的能力 技能目标 情感态度 培养学生团队合作意识 培养学生的设计和创意能力,提升学生对于网页设计的热情 ---应用表单和表格制作系部网站后台登录页面 项目单元六、制作网站后台管理页面 重点难点 2010 34.2% 重点: 1、创建表单 2、表单基本控件 3、使用CSS设置表单样式 难点: 1、表单基本控件 2、使用CSS设置表单样式 2010 34.2% 1. 解决实训环节出现的问题 2. 互动方式进行知识回顾 表格的作用是什么? 表格的常用操作有哪些? 使用CSS设置表格样式通常包含哪些方面的设置? 一、知识回顾 二、项目单元导入 1. 教师提问: 单纯依靠表格知识能完成后台登录页面的创建吗? 如果不能的话,表格可以做什么?欠缺什么内容? 2、根据学生分组讨论的结果进行归纳总结 引导学生分析
您可能关注的文档
- 试验设计与分析2因子3因素因子设计.ppt
- 大年夜学物理设计性试验-看远镜与显微镜[整理版].docx
- 第十单元课题2酸及碱能反应(1).doc
- 实验一-2选1多路选择器的设计.ppt
- 药学类专业设计性试验.ppt
- 《试验设计与数据处理》上机练习-1.pdf
- 管理信息系统课程设计-实验室管理系统.doc
- 实验教学大纲模板.pdf
- 《机电一体化系统设计》实验指导书-12(精).doc
- 单片机培训实验设计ECMT汇总.doc
- 山西天一大联考2025-2026学年高二上学期期末学情监测语文试题(试卷+解析).docx
- 山西忻州部分学校2025-2026学年高一上学期2月质量检测数学试题(人教B版)(试卷+解析).docx
- 山西运城市2025-2026学年高二第一学期期末调研测试数学试题(试卷+解析).docx
- 陕西省榆林市榆阳区2025-2026学年八年级上学期期末地理试题(试卷+解析).docx
- 陕西西安市碑林区2025-2026学年度第一学期期末八年级生物试题(试卷+解析).docx
- 四川省广元市苍溪县2025-2026年八年级上学期期末道德与法治试题(试卷+解析).docx
- 江苏泰州市姜堰区2025-2026学年七年级上学期1月期末数学试题(试卷+解析).docx
- 江苏省扬州市邗江区2025-2026学年九年级上学期期末考试化学试题(试卷+解析).docx
- 江西上饶市铅山县2025-2026学年第一学期期末考试八年级数学试题(试卷+解析).docx
- 江苏扬州市高邮市2025-2026学年度第一学期期末学业质量监测试题九年级英语(试卷+解析).docx
最近下载
- 2025(人教版)数学六年级下册全册教学设计.docx
- API 682-2014 离心泵和转子泵用轴封系统 第四版(中文).pdf
- 华东师大版八年级数学上册《14.2.3容易误导读者的统计图》同步练习题及答案.docx VIP
- 《从零开始学低压电工技术》,张伯虎,高清版.pdf
- 2026京东智能产发股份有限公司招股说明书.pdf VIP
- 基于交通静化理论的威海市环海路部分路段的优化设计--本科生毕业论文(设计).doc VIP
- 一年级数学20以内破十法减法练习题.pdf VIP
- 一年级数学20以内加减法(凑十法、破十法)专项练习.pdf VIP
- 云南省专业技 职称申报评审表(完整.pdf
- 20以内凑十法专项练习.pdf VIP
原创力文档

文档评论(0)