[url]http://kb.cnblogs.com/a/368374/[/url]
<form>表单常用属性有以下几种:
name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单
action:表示这个表单提交时的跳转路径
method:表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:
post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式
get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用
enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为 enctype="multipart/form-data"
onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.
表单中的常用控件:
<input type="text">:文本框,输入单行文本
<input type="password">:密码框,输入密码信息,所有输入的信息会隐藏显示
<input type="button">:普通按钮,一般用来完成javascript功能的
<input type="submit">:表单提交按钮,点此按钮提交表单
<input type="reset">:表单重置按钮,点此按钮表单中的数据回到填写之前.
<input type="radio">:单选按钮
<input type="checkbox">:多选按钮
<input type="file">:上传文件
<input type="hidden">:隐藏域,将一个值隐藏传递.
<input type="image">:功能和submit提交按钮相同,但可以显示图片.
<textarea></textare>:文本域,输入多行文本
<select>:下拉列表,需要结合option一起使用
<option>:通过该值为<select>设置选项
[color=blue]图片垂直居中 align="absmiddle"[/color]
<style type="text/css">
#similar {
background:transparent url(img/mask_bk.png) no-repeat scroll 0 0;
float:left;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
cursor:pointer; (变小手)
z-index:9999;
height:35px;
top:30px;
left:120px;
list-style:none;(列表前样式 li标签)
line-height:23px; (控制行高)
position:absolute; (进行绝对定位,层叠通过z-index属性定义)
left: expression(document.body.offsetWidth - 110 + "px"); (浏览器中显示的文档的宽度)
top: expression(document.body.offsetHeight - 110 + "px");
white-space:nowrap;(宽度)
padding:0 10px 0 8px;
}
</style>
style="text-decoration:none;" 去除a标签的下划线
div {word-break : break-all; } 编辑文字的切换
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行(切断英文)
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。切断所有
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
display none : 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
block : 块对象的默认值。用该值为对象之后添加新行
<form>表单常用属性有以下几种:
name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单
action:表示这个表单提交时的跳转路径
method:表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:
post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式
get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用
enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为 enctype="multipart/form-data"
onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.
表单中的常用控件:
<input type="text">:文本框,输入单行文本
<input type="password">:密码框,输入密码信息,所有输入的信息会隐藏显示
<input type="button">:普通按钮,一般用来完成javascript功能的
<input type="submit">:表单提交按钮,点此按钮提交表单
<input type="reset">:表单重置按钮,点此按钮表单中的数据回到填写之前.
<input type="radio">:单选按钮
<input type="checkbox">:多选按钮
<input type="file">:上传文件
<input type="hidden">:隐藏域,将一个值隐藏传递.
<input type="image">:功能和submit提交按钮相同,但可以显示图片.
<textarea></textare>:文本域,输入多行文本
<select>:下拉列表,需要结合option一起使用
<option>:通过该值为<select>设置选项
<table width=500 height=400 border=1 bordercolor=green>
<tr>
<td align="middle">
<iframe width=100 height=200 name=main src=http://www.baidu.com></iframe>
</td>
</tr>
</table>
<html>
<head>
<title>随窗口大小改变可以上下左右滚动的表格</title>
</head>
<body>
<table height="100%" width="100%" align="center" style="table-layout: fixed; border-collapse: collapse">
<tr>
<td> <div style=" overflow-x: auto; width: 100%; height: 10%">
<table>
<tr>
<td nowrap>1111111111111111111111111111111</td>
<td nowrap>222222222222222222222222222222</td>
<td nowrap>333333333333333333333333333333</td>
<td nowrap> 4444444444444444444444444444444</td>
<td nowrap>55555555555555555555555555555555</td>
<td nowrap>666666666666666666666666666666666</td>
<td nowrap>777777777777777777777777777777777</td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>
[color=blue]图片垂直居中 align="absmiddle"[/color]