首页 > 代码库 > 11-17网页基础--框架、表单

11-17网页基础--框架、表单

第三课时

一、框架

1、frameset

【注意事项】在使用框架时,它的功能和<body>是并列的,不能跟<body>...</body>一起使用,所以<frame>...</frame>和<body>...</body>要分别放在不同的html文件中。

1)书写格式:<frameset rows="100,*" frameborder="no">  --rows指上下分,第一行为100像素,剩余的*为第二行

  --如果rows更换成cols,则上下分变为左右分。

  --frameborder="no"指去掉分割线,no是没有的意思

<frame src="http://www.mamicode.com/页面地址" noresize="noresize"> --noresize,禁止取消窗口调整大小

<frame src="http://www.mamicode.com/页面地址" scrolling="no">  --scrolling="no",取消显示滚动条

</frameset>

2)在超链接指定目标页面显示在哪个框架窗口中

第一步:给要显示内容的目标frame设置name属性

第二部:给超链接的targets属性赋值成第一步设置的name.

3)让整个frameset页面跳转至某个页面

把超链接的target属性设置为“_top”

2、iframe

在原来页面嵌入小窗口显示其他页面

<iframe src="http://www.mamicode.com/其他页面的地址" width="输入数值" height="输入数值" frameborder="0" scrolling="no"></iframe>

frameborder,边线;scrolling,滚动条。如果设置高和宽为0,则不显示,但是在后台会存在这么一个页面,例如熊猫烧香病毒。

二、图片热点技术

 

Img中重要的属性:usemap

Areashape有三个属性:

Circle 圆的

Poly 多边形

Rect 正方形

查看效果图:

 三、表单

<form id="" name="" method="get/post" action="负责处理的服务端" > id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见。</form>

1、文本输入

文本框

密码框

文本域

隐藏域

2、按钮

提交按钮

重置按钮

普通按钮

图片按钮

3、选择输入

单选按钮组

复选框组

文件上传

4、下拉列表框

 

11-17网页基础--框架、表单