表格与表单

1、表格:

1、语法：

<table>  表格的根标签
	<tr>	行
		<th>...</th> 标题列
		<td>...</td> 内容列
	</tr>
</table>

2、属性：

1、table上的属性：

1. border=“整数”：设置表格的边框粗细
2. width=“整数、百分比（一般设置百分比）”：设置表格的宽度
3. cellspacing=“0”：设置单元格之间的空白距离，一般为0像素

2、td上的属性：

1. colspan=“列数”：跨列
2. rowspan=“行数”：跨行

3、其他属性：

1. align=“center”：设置对齐方式。若放在table标签上，则会在浏览器的中央。若放在tr上，则该行中的所有内容列都会居中。若放在td上，则该列居中。值：left、center、right
2. height=“整数”：设置单元格的高度。可以放在tr、td上。
3. bgcolor=“颜色”：设置表格的背景颜色
4. 快速生成： table>tr行数>td列数

2、表单：

1、定义：

表单是一个将用户填写的内容组织起来的容器，可以将用户数据统一发送给服务器。

2、语法：

<form method="" action="">
		</form>

1、method：提交方式 post比get更安全，提交的数据量大。建议使用post方式。
2、action：提交地址。将表单的数据提交给谁处理。

3、表单元素：

1、文本框：

<input type="text" name="元素的名字" value="元素初始值" size="文本框显示的长度" maxlength="限制文本框输入数据的最大字符数"/>

2、密码框：

<input type="password" name="元素的名字" />

3、单选按钮：

<input type="radio" name="元素的名字" value="给服务器的值" /> 页面上的值
属性： checked="checked" 默认选中

4、复选框：

<input type="checkbox" name="元素的名字" value="给服务器的值"/> 页面上的值
属性： checked="checked" 默认选中

5、下拉列表框：

<select name="元素的名字">
	   <option value="给服务器的值">页面上的值</option>
</select>
属性： selected="selected" 默认选中

6、文本域：

<textarea name="元素的名字" cols="列数（以字符为单位）" rows="行数">
	    		文本内容
</textarea>

7、按钮：

提交按钮： <input type="submit" value="按钮上的文字"/>
重置按钮： <input type="reset" value="按钮上的文字"/>
图片按钮： <input type="image" src="图片的路径"/>
普通按钮： <input type="button" value="按钮上的文字"/>