网页制作-04-fm3.pptVIP

计算机技术基础实验——网页设计与制作 第四章 表单和框架 回顾 使用HTML创建一个表格至少需要哪些标签？ 跨多行表格是在单元格里用哪个属性进行设置 ？ 对表格进行美化，主要用哪些属性进行设置？ 预习检查 请列举表单中有哪些常用的表单元素？ 创建一个框架页面至少需要哪几个标签？ 本章任务 制作“注册”页面 制作“客户中心”页面 本章目标 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别 会使用框架结构实现多窗口展示页面 表单 表单包含的控件 表单页面的基本结构 表单元素的统一格式 表单元素的逐一介绍 文本框基本语法 INPUT type=“text ” value=张三 size=20 表单元素的逐一介绍 密码框基本语法 INPUT type=“password ” value=“ 123456 ” size=“22” 表单元素的逐一介绍 单选按钮基本语法 INPUT type=radio value=男 checked=checked 表单元素的逐一介绍 复选框基本语法 INPUT type=“checkbox” name=cb2 value=talk 表单元素的逐一介绍 列表框基本语法 表单元素的逐一介绍 按钮基本语法 INPUT type=reset name=Reset value= 重填 表单元素的逐一介绍 多行文本框基本语法 TEXTAREA name=textarea cols=40 rows=6 文本框中的内容 /TEXTAREA 小结1 编写如左图所示效果 对应的html代码 在网页设计中， 表单的主要用途有哪些？ 框架 框架使用场合 框架的基本结构 框架页面的基本语法 框架的基本结构 如何创建多个复杂的窗口 要实现如下图所示的窗口，该如何制作？ 如何创建多个复杂的窗口 创建多个复杂的窗口实现步骤如下： 创建一个HTML页面“top.html” 创建一个HTML页面“left.html” 创建一个HTML页面“right.html” 如何创建多个复杂的窗口 新建多框架HTML页面“Frame_Sets.html” 如何设置窗口链接的显示位置 如果在同一个页面中，要实现在一个框架窗口中的 超链接页面出现在另一个框架窗口中，如何实现？ 如何设置窗口链接的显示位置 target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” 如何设置窗口链接的显示位置 小结2 编写如下图所示效果对应的html代码 总结 表单中提交数据的方法有哪两种及其区别？ 表单里有哪些常用的表单元素？ 创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以为哪些？ 简述创建一个多框架页面所需的主要步骤。 Thank You ! * * 李简红 lijianhong@ 表单的典型应用 注册用户 收集信息 反馈信息 为网站提供有哪些信誉好的足球投注网站工具 注册用户 收集信息 反馈信息 提供有哪些信誉好的足球投注网站工具 单行文本输入框(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 查看源