表单
<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 联想关键词