【教学课件】第三章表单与框架.ppt

《【教学课件】第三章表单与框架.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第三章表单与框架.ppt（21页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第三章 表单与框架贺国平忻州师范学院计算机系表单与表单元素post和get框架结构 本章内容 为什么要使用表单表单的典型应用注册用户收集信息反馈信息为网站提供搜索工具注册用户注册用户收集信息收集信息反馈信息反馈信息提供搜索提供搜索工具工具 表单中包含的元素单行文本输单行文本输入框入框(TEXT)单选按钮单选按钮(RADIO)复选框复选框(CHECKBOX)下拉列表下拉列表(SELECT)重置按钮重置按钮(RESET)提交按钮提交按钮(SUBMIT)多行文本框多行文本框(TEXTAREA)密码框密码框(PASSWORD)表单的基本结构METHOD=“post或或get”ACTIONMETHOD指

2、定提交后，由服务器上那个指定提交后，由服务器上那个处理程序处理处理程序处理指定向服务器提交的方法指定向服务器提交的方法:一般为一般为post或或get方法方法,post方法比较安全方法比较安全 ACTION=“URL”表单元素的统一格式 指定元素的类型，可指定元素的类型，可为为TEXT、RADIO、SUBMIT等等控件的控件的名称名称控件的控件的初始值初始值控件的控件的初始宽度初始宽度控件中输入的控件中输入的最多字符个数最多字符个数控件是否被控件是否被选中选中 文本框文本框基本语法名名  字：字：单行文本输入框，字符宽度为单行文本输入框，字符宽度为20文本区的宽度文本区的宽

3、度输入元素的默输入元素的默认值认值文本输入框文本输入框 密码框密码框基本语法密码区宽度密码区宽度初始密码初始密码密码框密码框密密  码：码：密码框，密码框，22个字符个字符宽度宽度 单选按钮单选按钮基本语法初始值初始值单选按钮单选按钮默认选中默认选中性别：性别：男男 设置此单选设置此单选按钮被选中按钮被选中 复选框复选框基本语法复选框复选框复选框名复选框名复选框值复选框值 聊天聊天  设置此复选设置此复选框被选中框被选中 下拉列表框列表框基本语法 说明：说明：size确定列表中可同时看到的行数。确定列表中可同时看到的行数。selected默认被

4、选中的可选项。默认被选中的可选项。出生日期：出生日期： 年年 选择月份选择月份 一月一月 二月二月 月月 日日 设置此输入框最多只能设置此输入框最多只能输入四个符号输入四个符号设置设置“选择月份选择月份”选项默认被选中选项默认被选中 按钮按钮基本语法按钮名称按钮名称按钮类型可为按钮类型可为button、submit按钮上的标签按钮上的标签 单击按钮，控件的值被重置为单击按钮，控件的值被重置为value属属性中指定的初始值性中指定的初始值 多行文本框多行文本框基本语法 文本框中的内容 文本框的名字文本框的名字文本框的列数文本框的列数文本框的行数文本框的行数欢迎阅读服务条款协议

5、，本协议阐述之条欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用款和条件适用于您使用Taobao网站的各种工具和服务。网站的各种工具和服务。本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。淘宝的权利和义务淘宝的权利和义务 6行行40个字符宽度的多个字符宽度的多行文字域行文字域 练习编写如左图所示效果对应的html代码TEXTPASSWORDRADIOTEXTAREASUBMITRESETSELECTCHECKBOX 框架广告栏顶部框架广告栏顶部框架(top.htm)导航栏左侧框架导航栏左侧框架(left.htm)详细内

6、容页面详细内容页面右侧框架右侧框架(main.htm)框架的边框框架的边框框架集页面框架集页面(FrameSet.htm)框架的基本结构 框架页面的基本语法边框尺寸大小边框尺寸大小将窗口分割成左中将窗口分割成左中右右3个部分个部分,可选可选将窗口分割成上将窗口分割成上下下2个部分个部分,可选可选第一个窗口要显示的网页第一个窗口要显示的网页 如何创建多个复杂的窗口 要实现如下图所示的窗口，该如何制作？要实现如下图所示的窗口，该如何制作？1、分成上下两个窗口、分成上下两个窗口2、把下面的窗口分成、把下面的窗口分成 左右两个窗口左右两个窗口top窗口窗口left窗口窗口right窗口窗口 如何创建多

7、个复杂的窗口创建多个复杂的窗口实现步骤如下：1、创建一个HTML页面“top.html”2、创建一个HTML页面“left.html”3、创建一个HTML页面“right.html”top.html效果图效果图left.html效效果图果图right.html效果效果 如何创建多个复杂的窗口4、新建多框架HTML页面“Frame_Sets.html”.设置无框架设置无框架边框边框不显示滚不显示滚动条动条禁止调整框禁止调整框架大小架大小框架名称，便于超文本框架名称，便于超文本链接锚标签链接锚标签target属性属性所引用所引用 设置超链接的显示位置target目标窗口属性name“显示的窗口名”target属性指定了所链接的文件出属性指定了所链接的文件出现在名称为现在名称为“窗口名窗口名”的框架窗口的框架窗口里。里。target属性指定了所链接的文件出现在名称属性指定了所链接的文件出现在名称为为“rightframe”的框架窗口里的框架窗口里 总结表单表单表单元素表单元素框架框架超链接的显示超链接的显示