day14 html5

day14知识点

一、表格标签补充：
表格的数据行分组：
表头
表体
表尾
注：一个表格里只能有一个表头和表尾，可以包含多个表体

列标题标签：
默认样式：文本左右居中 并加粗
表格表体：
css属性（位置）：caption-sode：left，right，top，bottom，注：right/left 有兼容问题：火狐能识别
数据列分组：

rules=“” 分隔线 属性值all/rows/cols/groups

表格css属性补充
相邻单元格边框进行合并： （添加到table上）
border-collapse：
属性值 ： separate （分开）
collapse （合并）

相邻单元格之间的间距： （添加到table上）
border-spacing： 属性值（px cm为单位）

是否显示单元格区域： （没有内容是，单元格隐藏）
empty-cells：
属性值 show/ hide

table-layout：
属性值 auto 为默认值：根据内容分配宽度（优点：灵活 缺点：性能消耗比较大）
fixed 不在根据内容分配宽度（优点：性能消耗低 缺点：灵活性低）

二、表单控件补充：
单选按钮：
注：在单选按钮里面：每一组单选按钮 保持与name属性值一致

多选按钮（复合框）：

下拉菜单（下拉列表）：


…

多行文本框：
cols和rows 属性值为字符为单位
注： 阻止用户进行缩放。 css属性 resize：none;

上传文件框：

补充表单html属性：
默认选中 checked=“checked”
表单控件的禁用 disabled=“disabled”
下拉列表里面的默认选中 selected=“selected”

表单里面的标签：
fieldset（表单字段集）
作用： 给表单做分组
特点：1. 默认情况下待边框 2.可以进行相互嵌套

legend（字段集标题）
作用：是fieldset一组里面的一个标题
特点：一般情况下，放在fieldest的第一个子元素weiz

说明：label里面放提示信息
for绑定对应控件id名称