网页设计HTML中表单网页设计教案

教学项目十六 HTML中表单网页设计（二）【教学内容】讲解HTML中复选框、多行文本框、下拉列表的使用【教学目的】使学生掌握综合性表单的制作【教学重点】HTML综合性表单设计【教学难点】理解表单中相应元素对应标志及属性的含义【教学方式】案例分析式、项目教学【教学参考】1. JavaScript入门与提高杨浩著清华大学出版社2. 电脑报社出版3. TML网页制作教程 材义语编著铁道出版社4. HTML基础与实例 程耀编著电子工业出版社【新课】一、HMTL中表单元素的使用1. 复选框格式：vi叩ut type=checkbox name二字段名 value=字段值 checked2. 多行文本框格式：textarea name=字段名rows=滚动文本框行数，cols=滚动文本框一行中的字符数3. 下拉列表格式：显示列表项值说明：size:指定屏幕上下拉列表中同时显示的选项个数multiple:设定是否可以复选（同时按住组合键CTRL+SHIFT实现复选操作）selected:设定选项己选中例1:设计网页设计大赛作品征集网页U 我的个人网页BierosroTt Iwterne-t Explorer文件(E)1) 近石(V) 收球 0) XH(I) ffifth 01)凶回lb /按亲，收I哄媒体合。后 iE -:乜tlb I 1 41 G： FrontPaccVhtmlzan.plca4. htm网页设讦大家作品彳正来奏EMAIL弗JT乍 BrtQ 2003 v 佐政朋的k*工耳B FRONTPAGE 口 DRE也介细AVER O JavaScript FLASH诺与出不超过200字的隅场绍希完毕 2我的电脂记砺本 - 艮我的个.EN 0 ,17 28程序代码如下：vtile我的个人网页font size=5 face=隶书网页设计大赛作品征集表vid姓名 vinpul type=text name=xm size= 10vidEMAILvinput type二password size=12 name=mail性另ijvinput typc=radio name=sex valuc=女制作时间200 l200220032004v/select 年 1 23456789 11 12v/select 月 1 23456789 101 l 12 13 14 15 16 17 18 192021 22232425262728293031 日你使用的开发工具有：FRONTPAGEDREAMWEAVERJavaScriptFLASH网页特色介绍v/td请写出不超过 200 字的网站特色介绍二、表单字段外框标记的使用标志：(1 )用于生成字段外框布的(2) 定义字段外框的标题名称例2.设计有字段外框的网页 xorosolft Xnt: ornct: Hxpl ornr文件福堡) 5K 成) 收IT (A) XM QL) 神助Q1)回曲 ；，/ 5*皿佐 回，L_J 益址 IO 切 G PonePht.mr5I/l 5 h/m Cl 的诞气 ”程序代码如下: 我的网页 fbnt size=5 face=隶书学生信息调查表 班级概况 班  级vinput type=text name=bj size=l()xbr班主任input【ype=text size=10 name=bzr专业计算机应用网络工程图像处理 学生信息 姓名input type=text name=xm size=l()xbr性另!j男i年龄 16 17 18 192021 22232425  ；v/tdv/td【课后小结】表单是网页实现交互处理的工具，熟练掌握表单中元素的标志和属性，是设计表单网页关键。