网易微专业 前端工程师 学习笔记

1.3 HTML

#### 1.3.2.6 表格

　常用表格模版如右所示： 注：

元素或属性	意义
caption	表示表格名称
thead	表示表格顶部
tbody	表示表格主体
tfoot	表示表格底注
tr	表示行
th	表示表头（可以是横着也可以是竖着）
td	正常单元格
rowspan	可以合并行
colspan	可以合并列

<table>
    <caption>abc</caption>
    <thead>
        <tr>
            <th> A </th>
            ……
        </tr>
    </thead>
    <tbody>
        <tr>
            <th rowspan = "2"> B </th>
            ……
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan = "3"> C </td >
            ……
        </tr>
    </tfoot>
</table >

#### 1.3.2.7表单

　常用表单模版如右所示： 注：

元素或属性	意义
action	提交表单的后台接口
method	表单提交的方式
fieldset	分区
legend	标题
input	输入（有很多类型）
type	file、checkbox、radio、text、submit、reset、email、url、number、tel、search、range、color、date picker
button	submit、reset
select	下拉选择框
option	选择项
textarea	多行文本框

<form action = "/login" method = "post">
    <fieldset>
        <legend>表格名称</legend>
        <lable> </lable>
        <input type = "" name = "" value = "">
        <button type = "submit"></button>
        <select>
            <option value = "0">A</option>
            <option value = "1">B</option>
            <option value = "2" selected>C</option>
        <div> </div>
    </fieldset>
</form>

lable 和 input 等输入项 用 for 连接需使 for 后面的值与 input 中的 id 属性值相同