首页 > 代码库 > 表单 框架集及CCS 20140916

表单 框架集及CCS 20140916

一、表单元素

form标签:

<form id="" name="" method="post/get" action="提交给谁来处理">

</form>

post--将内容放入报文头中,内容看不见;内容长度没有限制;默认提交方式.

get--用地址栏提交,内容长度有限.

1.文本输入类
1)文本框<input type="text" value="">--
2)密码框<input type="password" value="">--设置密码
3)隐藏域<input type="hidden" value=""> --可用于检查答案是否正确.
4)文本域:多行<textarea cols="" rows=""></textarea>
2.按钮类
1)提交按钮<input type="submit" value="http://www.mamicode.com/按钮上的文字"/>
2)重置按钮<input type="reset" value="http://www.mamicode.com/按钮上的文字"/>
3)普通按钮<input type="button" value="http://www.mamicode.com/按钮上的文字">
4)图片按钮<input type="image" src="http://www.mamicode.com/图片地址">
3.选择输入类
1)单选按钮<input type="radio" value="" name="用来分组" checked="checked">
2)多选按钮<input type="checkbox" value="" name="分组" checked="checked">
3)下拉列表--菜单

<select name="" id="" multiple="multiple">
<option value="http://www.mamicode.com/项的值">项的显示内容</option>
<option value="http://www.mamicode.com/项的值" selected="selected">项的显示内容</option>
<option value="http://www.mamicode.com/项的值">项的显示内容</option>
</select>

4)列表

<select name="" id="" size="n" multiple="multiple">
<option value="http://www.mamicode.com/项的值">项的显示内容</option>
<option value="http://www.mamicode.com/项的值" selected="selected">项的显示内容</option>
<option value="http://www.mamicode.com/项的值">项的显示内容</option>
</select>

PS:菜单与列表的区别在于菜单的size--高度 默认为1,不可改变;而列表可以根据内容显示而改变size--高度的大小.
文件上传:<input type="file" name="" id=""> --文件域,浏览.

二、框架集
1.frameset,frame

1)如何横向/纵向分割窗口:

frameset中的rows="100,*",cols=""

2)如何分割复杂的窗口:

frameset的嵌套

3)如何禁用窗可调的功能

frame的noresize="noresize"

4)如何隐藏分割窗口的边框

frameset的frameborder="no"

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

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

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

6)如何让整个frameset页面跳转到某个页面:

把超链接的target属性设成"_top"

7)如何不让frame中出现滚动条:

把frame的scrolling属性设为no

2.iframe
在原来的HTML页面上,嵌入一个小窗口,用来显示其它页面的信息。
<iframe frameborder="0" scrolling="no" src="http://www.mamicode.com/Untitled-2.html" width="450" height="300">

三、CSS(Cascading Style Sheets)层叠样式表

1.作用:美化HTML网页的计算机语言.

2.分类:

1)内联样式表

2)内嵌样式表

3)外部样式表

表单 框架集及CCS 20140916