表单

<tr>
      <!-- 在tr中需要使用td来创建一个单元格，有几个单元格就有几个td -->
        <td>a1</td>
        <td>a2</td>
                <!-- rowspan用来设置纵向的合并单元格 -->
        <td rowspan="2">a3</td>
                <!-- colspan横向的合并单元格 -->
            <td colspan="2">a4</td>
</tr>

表格样式

/table和td边框之间默认有一个距离，通过border-spacing属性可以设置这个距离/
/border-spacing: 10px;/
/*
border-collapse可以用来设置表格的边框合并
如果设置了边框合并，则border-spacing自动失效
/
border-collapse: collapse;
/设置背景样式/
/background-color: #bfa;/
}
/设置边框/
th, td{
border: 1px solid black;
}
/设置隔行变色/
tbody > tr:nth-child(even){
background-color: #bfa;
}
/鼠标移入到tr以后，改变颜色*/
tr:hover{
background-color: yellow;
}

长表格

thead 表头
tbody 表格主体
tfoot 表格底部

表单

设置一个文本输入框

<input type="text">

设置默认值

value

提示信息

placeholder

新增常用表单控件属性：
1、placeholder 设置文本框默认提示文字
2、autofocus 自动获得焦点
3、autocomplete 联想关键词