Wentasy
Wentasy

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

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


知识点预览


框架

表单

 

框架

 

1.多窗口页面

a)一个页面包含多个文档，每个窗口称为框架或者帧

b)框架的组成

frameset frame


2.框架集元素（可嵌套）

a) 语法：

< frameset>——开始必需

内容： < frameset>、、元素</span></p> <p><span style="font-size:14px;"></frameset >——结束必需</span></p> <p><span style="font-size:14px;">b)属性：</span></p> <p><span style="font-size:14px;">id、class、title、style</span></p> <p><span style="font-size:14px;">cols：几个垂直</span></p> <p><span style="font-size:14px;">rows：几个水平</span></p> <p><span style="font-size:14px;">frameborder：是否显示边框</span></p> <p><span style="font-size:14px;"><br></span></p> <p><span style="font-size:14px;">3.<frameset>元素应用举例</span></p> <p><span style="font-size:14px;"><br></span></p> <p><span style="font-size:14px;">4.<frame>框架元素</span></p> <p><span style="font-size:14px;">a)语法：</span></p> <p><span style="font-size:14px;">< frame>——开始必需</span></p> <p><span style="font-size:14px;">内容： 空</span></p> <p><span style="font-size:14px;">无结束</span></p> <p><span style="font-size:14px;">b)属性：</span></p> <p><span style="font-size:14px;">                       i.name：框架名称</span></p> <p><span style="font-size:14px;">                     ii.target：</span></p> <p><span style="font-size:14px;">                   iii.src：框架内容的链接</span></p> <p><span style="font-size:14px;">                    iv.rameborder：边框宽度</span></p> <p><span style="font-size:14px;">                      v.marginwidth：空白宽度</span></p> <p><span style="font-size:14px;">                    vi.marginheight：空白高度</span></p> <p><span style="font-size:14px;">                  vii.noresize：设定边框大小不会改变</span></p> <p><span style="font-size:14px;">                viii.scrolling：滚动条设置 auto、yes、no</span></p> <p><span style="font-size:14px;"><br></span></p> <p><span style="font-size:14px;">5.frame元素应用举例</span></p> <p><span style="font-size:14px;"><br></span></p> <p><span style="font-size:14px;">6.链接到框架窗口</span></p> <p><span style="font-size:14px;"><span style="color:#ff0000;">target属性的值：</span></span></p> <p><span style="font-size:14px;">a)_blank：浏览器新窗口打开</span></p> <p><span style="font-size:14px;">b)_self：a标识的链接文档和a元素所在窗口（框架）中打开</span></p> <p><span style="font-size:14px;">c)_parent：在当前a元素所在框架的父框架中打开，如果没有父框架，用法同_self</span></p> <p><span style="font-size:14px;">d)_top：a标识的链接文档在浏览器的整个窗口中打开</span></p> <p><span style="font-size:14px;">e)FrameName：a标识的链接文档在指定的框架中打开</span></p> <p><span style="font-size:14px;"><br></span></p> <p><span style="font-size:14px;">7.<noframes>无框架元素</span></p> <p><span style="font-size:14px;">a)语法：</span></p> <p><span style="font-size:14px;">< noframes>——开始必需</span></p> <p><span style="font-size:14px;">内容： 无框架网页的html</span></p> <p><span style="font-size:14px;">——结束必需

b)属性：id、class、title、style、lang、dir

c)作用：保存一些内容，不支持框架的浏览器显示出来，支持框架的浏览器不显示


8.——结束必需

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.

表单元素

a)语法：

——开始必需

内容：表单域元素

——结束必需

b) 主要属性：

                       i.accept：文件上传所使用的MIME类型列表

                     ii.action：定义表单被提交时发生的动作，通常包含服务方脚本的URL（如ASP、PHP）

                   iii.method：指定表单提交数据的方式，有get和post。get是把数据直接附加在URL上，而post是把数据封装后再提交给服务器。

c)alt属性的作用

d) 图像元素应用举例


3.表单控件元素

元素、——结束必需

b)主要属性：

                       i.cols：列数

                     ii.rows：行数

                   iii.name：名字

                    iv.readonly：文本区域不可编辑

                      v.accesskey：设置快捷键

                    vi.tableindex：tab键控制顺序

c)作用：建议一个多行的文本输入区域


6.文本域控件举例


7.