HTML 表格表单

1.表格

行<tr align="一行内容的水平对齐方式" valign="一行内容的垂直对齐方式" height="行高" bgcolor="背景色" backgroung="背景图片" ></tr>

单元格<td align="单元格的水平对齐方式" valign="单元格的垂直对齐方式" width="单元格的宽度"height="单元格高" bgcolor="背景色" backgroung="背景图片"></td>

(如果以th开头则单元格的内容自动居中,加粗)

单元格的合并:

colspan=“n” 合并同一行单元格

rowspan=“n” 合并同一列单元格

2表单

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

</font>

(1)文本输入

文本框<input type="text" name=""  id=""  value="" />

密码框<input type="password" name=""  id=""  value="" />

文本域<textarea name="" id="" cols=""(字符多少)rows=""(几行高)></textarea>

隐藏域<input type="hidden"name=""  id=""  value="" />

(2)按钮

提交按钮<input type="submit"  name="" id="" disabled="disabled" value=""/>

重置按钮<input type="rest"  name="" id="" disabled="disabled" value=""/>

普通按钮<input type="button"  name="" id="" disabled="disabled" value=""/>

图片按钮<input type="image"  name="" id="" disabled="disabled"   src="图片地址"/>

disabled 使按钮失效  enable 使可用。

(3)选择输入

单选按钮<input type="radio" name=""  checken="checken"(设置默认选项)value=""/> name 用来分组;value值看不见。

复选按钮<input type="checkbox" name=""  checken="checken"(设置默认选项)value=""/>

文件上传<input type="file"   name="" id=""/>

<lable for=""></lable>

下拉列表框

<select name="" id="" size="" multiple="multiple">  size=1时,为菜单;>1时,为列表。multiple为多选。

<option value="值">内容1</option>

<option value="值" selected="selected">内容2</option>    selected  设为默认

<option value="值">内容3</option>

</select> 

posted @ 2016-04-11 16:33  ①乷壹迣鎅  阅读(166)  评论(0编辑  收藏  举报