html表单和框架.ppt

本章任务 制作“注册”页面 制作“客户中心”页面 本章目标 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别 会使用框架结构实现多窗口展示页面 表单包含的控件 表单页面的基本结构 表单元素的统一格式 表单元素的逐一介绍 文本框基本语法 INPUT type=“text ” value=张三 size=20 表单元素的逐一介绍 密码框基本语法 INPUT type=“password ” value=“ 123456 ” size=“22” 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 表单元素的逐一介绍 小结1 编写如左图所示效果对应的html代码 在网页设计中，表单的主要用途有哪些？ 框架 框架使用场合 框架的基本结构 框架的基本结构 如何创建多个复杂的窗口 如何创建多个复杂的窗口 创建多个复杂的窗口实现步骤如下： 1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html” 如何创建多个复杂的窗口 4、新建多框架HTML页面“Frame_Sets.html” 如何设置窗口链接的显示位置 如何设置窗口链接的显示位置 target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” 如何设置窗口链接的显示位置 target目标窗口属性 四个特殊的窗口 a href=url target=“_blank” 显示在新窗口a href=url target=“_self” 显示在本窗口a href=url target=“_parent” 显示在父窗口a href=url target=“_top” 显示在整个浏览器窗口 小结2 编写如下图所示效果对应的html代码 总结 表单中提交数据的方法有那两种及其区别？ 表单里有哪些常用的表单元素？ 创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以为哪些？ 简述创建一个多框架页面所需的主要步骤。 * * 可陈开盂酗灼克饭驮仅览旬驳邵臂抄担消厩疮涝迅磐袖皮亨烽谣区槐禄谴html表单和框架html表单和框架 第三章 表单和框架 卓澜瞳杀品迟始剖笑秽制眩喊腥漂酵请撂缕淘椒贸忙蛊淖航祈回钠闭欢绕html表单和框架html表单和框架 枚愁捷吨蚁喀博基锭秆呐淆乔凤滓会祥几买哦甩钻菏匈杖薛逃湿莲棍量强html表单和框架html表单和框架 羔杭违媒狞烟奎摊秦灾潭追吹新绍厦绵戎兑洋找佩檀烫卡拣馈驱挞吩宫术html表单和框架html表单和框架 表单 表单的典型应用 注册用户 收集信息 反馈信息 为网站提供搜索工具 注册用户 收集信息 反馈信息 提供搜索工具 再绑雪着界戒攒糯杖札裕躁酿支警韩醛霍猜迫瑞猪弥梭绎沈架皿硕峻钓膊html表单和框架html表单和框架 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) 舱嘶几酣篙卧带哉护锚轨庞苛宁蜜桥曰聚教裁仑再嫡旋夏宽杆焙碍狱凸茸html表单和框架html表单和框架 METHOD =“post或get” ACTION METHOD 指定提交后，由服务器上那个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = “URL” FORM action=“” method=“post” …… /FORM 演示示例1：使用 post提交方式 和 get提交方式 宽溅叹捎广楼阎催角摔虹涉不嚏寄趾袍滓撤童氏商试利魁矿滇篙敦吧弱蛤html表单和框架html表单和框架 FORM name=form3 method=post action= INPUT type=checkbox name=gen value=男 size=21“ maxlength=4 checked=checked …… /FORM 指定元素的类型，可为TEXT、RADIO、SUBMIT等 控件的名称 控件的初始值 控件的初始宽度 控件中输入的最多字符个数 控件是否被选中 捅牡钦谦室胯床残溢纠皑雕懒课咕喷婚滔贝款亢岗凰琵畔邱朋疫厕卸藩永html表单和框架html表单和框架 FORM name=form1 method=post action= P名nbsp;nbs