表格，表单

（一）表格属性：

border：表格的边框

cellspacing：单元格与单元格边框之间的空白距离

cellpadding：单元格内容与单元格边框的空白距离

width：表格的宽度

height：表格的高度

align：表格中的水平对齐方式（right，center，left）

（二）表格结构：

<table>
        <caption>表格标题</caption>
        <thead>
            <tr>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
                <td></td>
            </tr>
        </tbody>
 </table>

（三）合并单元格

跨行合并：rowspan 

跨列合并：colspan

合并单元格的步骤：

      1、先判断跨行合并还是跨列合并

        2、跨行合并用rowspan属性，跨列合并用个colspan属性  

        3、将rowspan 或者colspan写在第一个要合并的单元格上

        4、将合并的行数和列数写在指定的属性值上

        5、将多余的单元格注释掉

（四）表单标签

1.  <form action="url地址" method="提交方式" name="表单名称">
        各种表单控件
    </form>

2.input控件

type属性的属性值：

（a）text：单行文本输入框

（b）password：密码输入框

（c）radio：单选按钮

（d）checkbox：复选框

（e）button：普通按钮

（f）submit：提交按钮

（g）reset：重置按钮

（h）image：图片形式的提交按钮

（i）file：文件域

value属性：input控件中的默认文本值

passwo属性：提供可描述输入字段预期值的提示信息（该提示会在输入字段为空时显示，并会在字段获得焦点时消失。）

3.label标签

lable作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。

for属性规定label与哪个表单元素绑定。

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

4.textarea控件

如果需要输入大量的信息，就需要用到textarea/textarea标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：

<textarea cols="宽度 " rows="高度">  默认是20  文本内容
</textarea>

5.下拉菜单

<select>
  <option>选项1</option>  
  <option>选项2</option>  
  <option>选项3</option>  
  ...
</select>

6.fieldset标签

使用select控件定义下拉菜单

<fieldset> 标签可以将表单内的相关元素分组。

<fieldset> 标签会在相关表单元素周围绘制边框。

<legend>标签中文本会在边框的左上角显示。

 <fieldset>
  <legend>左上角文本</legend>
  姓名: <input type="text"><br>
  邮箱: <input type="text"><br>
  性别: <input type="text">
 </fieldset>