表格与表单

---

前言

观察每个网页，或多或少都可以看到表格、表单的存在，例如登陆界面等等，表格多用于局部布局排版，表单用于向服务器发送数据。

---

一、表格< table>

• 表格的各个组成部分都要包含在< table>标签内
• 表格有三个部分，thead、tbody、tfoot三个部分，它们可以对表格进行分组，分组可以使浏览器有能力支持独立表头和表尾的表格正文滚动
• thead可以不只是一行
• 行标签**< tr>，表示一行**
• 单元格是表的基本元素，可以通过< td> 或者< th>来表示，< td>标签包含表格中的数据部分，< th>标签包含表格中的标题部分
• 这里是通过rowSpan和colspan来指定单元格跨多少航或多少列
• 在页面中显示空白单元格时，需要在单元格标签内加入空白实体引用，即< td> &nbsp；< /td>，来保证浏览器能正确显示该单元格

<table border="1">
        <thead>
        <tr>
            <th>班级</th>
            <th>分组</th>
            <th>学生</th>
            <th>随便</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td rowspan="6">葵花班</td>
            <td rowspan="3">A组</td>
            <td>张三</td>
            <td>1</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>2</td>
        </tr>
        <tr>
            <td colspan="2">王五</td>
        </tr>
        <tr>
            <td rowspan="3">B组</td>
            <td colspan="2">孙六</td>
        </tr>