Oracle培训（二十一）——网页编程基础第五章知识点总结——框架 表单

网页编程基础第五章知识点总结——框架 表单

知识点预览

框架

表单

框架

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（后面跟上邮箱地址）