html 第三节 课件.ppt

回顾 使用HTML创建一个表格至少需要哪些标签？ 跨多行表格是在单元格里用哪个属性进行设置 ？ 对表格进行美化，主要用哪些属性进行设置？ 预习检查 本章任务 制作“注册”页面 制作“客户中心”页面 本章目标 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解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设定目标资源所要显示的窗口，其取值可以为哪些？ 简述创建一个多框架页面所需的主要步骤。 沃克科技 第三章 表单和框架 请列举表单中有哪些常用的表单元素？ 创建一个框架页面至少需要哪几个标签？ 表单 表单的典型应用 注册用户 收集信息 反馈信息 为网站提供搜索工具 注册用户 收集信息 反馈信息 提供搜索工具 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) METHOD =“post或get” ACTION METHOD 指定提交后，由服务器上那个处理程序处理 指定向服务器提交的方法: 一般为post或get方法, post方法比较安全 ACTION = “URL” FORM action=“” method=“post” …… /FORM 演示示例1：使用 post提交方式 和 get提交方式 FORM name=form3 method=post action= INPUT type=checkbox name=gen value=男 size=21“ maxlength=4 checked=checked …… /FORM 指定元素的类型，可为TEXT、RADIO、SUBMIT等 控件的名称 控件的初始值 控件的初始宽度 控件中输入的最多字符个数 控件是否被选中 FORM name=form1 method=post action= P名nbsp;nbsp;字： INPUT type=text value=张三 size=20 /P …… /FORM 查看源代码 单行文本输入框，字符宽度为20 文本区的宽度 输入元素的默认值 文本输入框 密码区宽度 初始密码 密码框 FORM name=form2 method=post action= …… P密nbsp;nbsp;码： INPUT value=“ 123456 ” type=password size=22 /P /FORM 查看源代码 密码框，22个字符宽度 单选按钮基本语法 INPUT type=radio value=男 checked