网页编程基础第五章知识点总结——框架 表单
知识点预览
框架
表单
框架
1.多窗口页面
a)一个页面包含多个文档,每个窗口称为框架或者帧
b)框架的组成
frameset frame
2.<frameset>框架集元素(可嵌套)
a) 语法:
< frameset>——开始必需
内容: < frameset>、<frame>、<noframes>元素
</frameset >——结束必需
b)属性:
id、class、title、style
cols:几个垂直
rows:几个水平
frameborder:是否显示边框
3.<frameset>元素应用举例
4.<frame>框架元素
a)语法:
< frame>——开始必需
内容: 空
无结束
b)属性:
i.name:框架名称
ii.target:
iii.src:框架内容的链接
iv.rameborder:边框宽度
v.marginwidth:空白宽度
vi.marginheight:空白高度
vii.noresize:设定边框大小不会改变
viii.scrolling:滚动条设置 auto、yes、no
5.frame元素应用举例
6.链接到框架窗口
target属性的值:
a)_blank:浏览器新窗口打开
b)_self:a标识的链接文档和a元素所在窗口(框架)中打开
c)_parent:在当前a元素所在框架的父框架中打开,如果没有父框架,用法同_self
d)_top:a标识的链接文档在浏览器的整个窗口中打开
e)FrameName:a标识的链接文档在指定的框架中打开
7.<noframes>无框架元素
a)语法:
< noframes>——开始必需
内容: 无框架网页的html
</noframes>——结束必需
b)属性:id、class、title、style、lang、dir
c)作用:保存一些内容,不支持框架的浏览器显示出来,支持框架的浏览器不显示
8.<iframe>浮动框架
a)语法:
< iframe>——开始必需
内容: 无
</iframe>——结束必需
b)属性:
i.通用:id、class、title、style
ii.name
iii.src
iv. frameborder:默认为”1”
v.marginwidth
vi.marginheight
vii.scrolling:yes、no、auto
viii.height:高
ix.width:宽
9.浮动框架应用举例
表单
1.表单的功能
a)用户提交信息后服务器进行处理
b)表单的处理过程
2.<form>表单元素
a)语法:
<form>——开始必需
内容:表单域元素
</form>——结束必需
b) 主要属性:
i.accept:文件上传所使用的MIME类型列表
ii.action:定义表单被提交时发生的动作,通常包含服务方脚本的URL(如ASP、PHP)
iii.method:指定表单提交数据的方式,有get和post。get是把数据直接附加在URL上,而post是把数据封装后再提交给服务器。
c)alt属性的作用
d) 图像元素应用举例
3.表单控件元素
<input>元素、<textarea>元素、<select>元素、<option>元素
4.<input>元素
a)语法:
< input>——开始必需
内容:无
结束无
b)主要属性:
i. type:类型
ii.value:数据
iii. name:控件名称
c)文本域控件
i.type=”text”
ii.作用:单行文本输入片段
iii.属性:
maxlength:限制输入的字符数
readonly:设置只读
d)口令控件
i.type=”password”
ii.作用:屏蔽用户输入 “*”号屏蔽
iii.属性:
maxlength:限制输入的字符数
value:默认显示的值
e)提交按钮和重置按钮
i.ype=”submit”
ii.作用:传送表单数据给服务器端脚本或者其他程序处理
iii.属性:
value:
iv.type=”reset”
v.作用:清空表单内容并设置为默认值
vi.属性:
value:
f)复选框控件
i.type=”checkbox”
ii.作用:多选框,多种选择
iii.属性:
checked属性:设置默认选中
value:提交到服务器
注意:组的name必须相同
g)单选按钮
i.type=”radio”
ii.作用:互斥地选取某种属性
iii.属性:
checked:默认选中
value:文本
注意:组的name必须相同
h)图像按钮和普通按钮
i.type=”image”
ii.作用:用于实现用户自定义的按钮风格
iii. 属性:
src:图片位置
iv.type=”button”
v.作用:用于控制执行客户端脚本,通常是JavaScript
vi.属性:
value:标签
i)隐藏控件和文件选择控件
i. type=”hidden”
ii.作用:它包含不希望用户看见的信息
iii.属性:
value:文本,用户提交表单,该值与其他数据一起被传送给服务器
iv.type=”file”
v.作用:上传文件
vi.属性:
value:文本,要上传的文本在本地的路径
注意:form的method一定为post
5.<textarea>元素——文本域
a) 语法:
<textarea>——开始必需
内容:初始文本
</textarea>——结束必需
b)主要属性:
i.cols:列数
ii.rows:行数
iii.name:名字
iv.readonly:文本区域不可编辑
v.accesskey:设置快捷键
vi.tableindex:tab键控制顺序
c)作用:建议一个多行的文本输入区域
6.文本域控件举例
7.<select>菜单/列表元素
a)语法:
< select>——开始必需
内容:option元素
</ select>——结束必需
b)主要属性:
i size:列表高度
ii. mutiple:数据项可以多选
iii.name:该控件名字
c) 作用:建立一个选择菜单/列表
8.<option>菜单项/列表项元素
a)语法:
< option>——开始必需
内容:文本
</ option>——结束可选
b)主要属性:
i.value:指定选中该项时提及的值
ii.selected:预先被选择
iii.lable:作为该选项的值被发送
c)作用:代表一个菜单/列表的选项
9.菜单/列表控件举例
10. <lable>标签元素
a)语法:
< lable>——开始必需
内容:文本
</lable>——结束必需
b)主要属性:
i. for:与该元素相关联的控件的值
c)作用:关联后,点击文档标签和点击控件作用相同
11. fieldset元素
a) 语法:
< fieldset>——开始必需
内容:legend元素
</fieldset>——结束必需
b) 主要属性:
c) 作用:对输入域元素进行分组
12. legend元素
a)语法:
< legend>——开始必需
内容:文本
</legend>——结束必需
b)主要属性:
c) 作用:为fieldset提供一个说明性的标题
13. 表单处理数据及处理方式
a) 通用网关脚本(CGI脚本)
b)服务器端Java(JSP、Servlet、Struts)
c)动态服务网页(ASP)
d)MAILTO(后面跟上邮箱地址)