CSS之form表单和table表格

一、form表单

表单的元素（如文本框、密码框等）由三种标签构成，input、 textarea、 select，它们都要包 含 在form标签中才有效(当然HTML5扩展了一个button标签)。

1.input标签

其语法标签如下:

<input type="元素类型" name="元素名称" value=”元素值”id="客户端唯一标识">

类型	作用
type="text"	单行文本框
type="password"	密码框
type="radio"	单选按钮
type="checkbox"	多选按钮
type="submit"	提交按钮
type="reset"	复位按钮
type="button"	按钮
type="image"	图像按钮
type="hidden"	隐藏域（隐藏起来，一般用户看不见,在页面中不显示，在提交表单时发送 value 属性的值，该元素通常用来传输一些客户端到服务器的状态信息）
type="file"	文本域

2.a标签

a标签可以进行页面跳转,默认为get请求（href="url"）

<a href="https://www.baidu.com/">点击我</a>

值	描述
_blank	在新窗口中打开。
_self	默认。在相同的框架中打开
_parent	在父框架集中打开
_top	在整个窗口中打开
framename	在指定的框架中打开

二、table表格

1.table标签用于定义一个表格。一个表格必须包含至少一个横行组，每一个横行组被分成三个部 分：头、主干、尾。头和尾是可选的。thead元素定义头，tfoot元素定义尾，tbody元素则定义主干。

2. thead标签元素定义头。

3.tr>标签用于定义一行。

4.td>标签用于定义一列。td 也叫做单元格，必须放在tr中。

5.tbody元素则定义主干。

6. tfoot元素定义尾。

属性名	属性值	功能
width	数字	单元格的高度
height	数字	单元格的宽度
align	left center right（左中右）	单元格水平对齐方式
valign	top middle buttom（上中下）	单元格垂直对齐方式
bgcolor	颜色	单元格的背景色
rowspan	数字	垂直方向跨行
colspan	数字	水平方向跨列