教学项目十六HTML中表单网页设计(二) 【教学内容】 讲解HTM中复选框、多行文本框、下拉列表的使用 教学目的 使学生掌握综合性表单的制作 教学重点】 HTM综合性表单设计 【教学难忘】 理解表单中相应元素对应标志及属性的含义 【教学方式】 案例分析式、项目教学 【教学参考】 1.杨浩著 清华大学出版社 2.< JavaScript从入门到精通 电脑报社出版 3.TML网页制作教程材义语编著铁道出版社 4.HTML基础与实例程耀编著电子工业出版社
教学项目十六 HTML中表单网页设计(二) 【教学内容】 讲解HTML中复选框、多行文本框、下拉列表的使用 【教学目的】 使学生掌握综合性表单的制作 【教学重点】 HTML综合性表单设计 【教学难点】 理解表单中相应元素对应标志及属性的含义 【教学方式】 案例分析式、项目教学 【教学参考】 1．> 杨浩著 清华大学出版社 2．> 电脑报社出版 3．TML网页制作教程 材义语编著铁道出版社 4．HTML基础与实例 程耀编著电子工业出版社
新课】 HMTL中表单元素的使用 1复选框 格式: 2多行文本框 格式 textarea name=字段名rows=滚动文本框行数,cols=滚动文本框一行中的 字符数> 3.下拉列表 格式: select name=字段名se=显示的列表项数 multiple> 显示列表项值 /select> 说明 size:指定屏幕上下拉列表中同时显示的选项个数 multiple:设定是否可以复选(同时按住组合键CTRL+SHFT实现复选操作) selected:设定选项已选中
【新课】 一、HMTL中表单元素的使用 1.复选框 格式： 2.多行文本框 格式： 3.下拉列表 格式： 显示列表项值 说明： size: 指定屏幕上下拉列表中同时显示的选项个数 multiple:设定是否可以复选(同时按住组合键CTRL+SHIFT实现复选操作) selected:设定选项已选中
例1:设计网页设计大赛作品征集网页 强我的个人网页- Microsoft Internet Explorer 文件()编锋(E)查看①D收藏(4)工具()帮助(m ⊙后退··冈的搜索☆收藏夹的媒体的总,品 s@團③ 地址(D)·e]D: \Front Page\htm1am1e1a4htm 输入中文,直接牌索y 前网页设计大赛作品征集表 姓名 EMAIL 性别。男。女 制作时间2001年1月日 请上传你照片 察★★★★你使用的开发有:★★★★ 回 FRONTPAGE口 DREAMWEAVER口 JavaScript口 FLASH 网页特色介绍 请写出不超过200字的网站特色介绍 发送 重填 图毕 3我的电脑 开始通我的个人网页Re下xo.如精品课课件 「回 Microsoft Pow. 22:09
例1： 设计网页设计大赛作品征集网页
程序代码如下 我的个人网页 form> p align= center-网页设计大赛作品征集表 姓名 EMAIL 性别男 女 制作时间200 1 2002 option value=2003>2003 2004 年
程序代码如下： 我的个人网页 网页设计大赛作品征集表 姓名 EMAIL 性别男 女 制作时间 2001 2002 2003 2004 年
程序代码如下 p align= center>网页设计大赛作品征集表 姓名 性别男 女 制作时间 2001 2002 2003 2004 select>年
程序代码如下： 我的个人网页 网页设计大赛作品征集表 姓名 EMAIL 性别男 女 制作时间 2001 2002 2003 2004 年
你使用的开发工具有 FRONTPAGE DREAMWEAVER JavaScript FLASH 网页特色介绍 请写出不超过200字的网站特色介绍
你使用的开发工具有: FRONTPAGE DREAMWEAVER JavaScript FLASH 网页特色介绍 请写出不超过200字的网站特色介绍
表单字段外框标记的使用 标志 I) 用于生成字段外框 (2) 定义字段外框的标题名称
二、表单字段外框标记的使用 标志: (1) 用于生成字段外框 (2) 定义字段外框的标题名称
例2设计有字段外框的网页 我的网页-夏 icrosoft Internet Exp1 回 文件①)编辑更)查看⑩)收藏④)工具〔)帮助Q) 地址①)e]6: rontPagehtmlsam15.Mm 转到链接” 学生信息调查表 开级概况 班级 班主任 专业计算机应用网络工程⊙图像处理 学生信息 姓名 性别。男⊙女 年龄16 重填 完 我的电 打始。精品课程 回a18M,,2 Microsoft 强我的网页-ME28:46
例2.设计有字段外框的网页
程序代码如下 学生信息调查表 form> at> 班级概况 yE 9 班主任 专业计算机应用 网络工程 图像处理 fieldset>
程序代码如下: 我的网页 学生信息调查表 班级概况 班 级 班主任 专业计算机应用 网络工程 图像处理 学生信息
姓名 性别男 女 年龄 16 17option> 18 19 20 21 22 option value= 23>23 option value=24>24 option value=25>25 /fieldset>
姓名 性别男 女 年龄 16 17 18 19 20 21 22 23 24 25