网页编程基础第五章知识点总结——框架 表单
知识点预览
框架
表单
框架
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（后面跟上邮箱地址）