Css3总结——表格和表单

表格的简介

在现实生活中，经常需要表格表示格式化数据。
通过table标签可以创建表格
<tr>-行
<td>-单元格
在TR中使用TD

合并单元格

COLSPAN=2(横向合并单元格)
ROLSPAN=2(纵向合并单元格)

长表格

<THEAD>
<TBODY>
<TFOOT>
TH可以表示头部的单元格

表格的样式

边框之间的距离:BORDER-SPACING
边框合并:BORDER-COLLAPSE

如果表格中没有使用TBODY而是直接使用TR，浏览器会自动创建一个TBODY，并且把所有的TR都放在里面（TR不是TABLE的子元素）

默认情况下元素在TD中是垂直居中的，可以通过VERTICAL-ALIGN、TEXT-ALIGN来调整。

引出：将块元素设置DISPLAY:TABLE-CELL，可以设置垂直居中。

表单

表单：用于提交数据，将本地的数据和服务器进行交互。
使用<FORM>标签来创建一个表单。

FORM的属性：

ACTION：表单要提交的服务器的地址。

表单项：

文本框：<input type=”text”>
提交按钮：<input type=”submit”>
value属性可以修改按钮里的文字；
换行：<br>；
数据要提交到服务器，必须为元素指定一个name属性值；
密码框：<input type=”password”>
单选按钮：<input type=”radio”>
name属性可以给单选按钮分组；选择框必须有value用于提交给服务器；checked设置默认选中状态。
多选框：<input type=”checkbox” >同样也要设置名值对。