表格和表单
表格
<colgroup>标签用于对表格中的列进行组合,以便对其进行格式化。 通过使用 <colgroup>标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。 只能在 table 元素内使用 <colgroup> 标签。
<col>标签为表格中一个或多个列定义属性值。如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。只能在 table 或 colgroup 元素中使用 <col> 标签。
align:left/right/center
valign:top/middle(默认)/bottom
表格专用标题:caption
thead表格头部
tbody表格内容
tfoot表格底部
table的属性
boder,width,height,bgcolor,align,bordercolor,cellpadding,cellspacing
tr 的属性
height,bgcolor,align,valign
td 的属性
width,height,bgcolor,align,valign
table 的 CSS 属性
单元格与单元格的间距:border-spacing 合并单元格边框:细线边框:border-collapse:separate/collapse 表格的布局算法:table-layout:auto/fixed 固定等比分配表格的宽度
border-spacing
boder-collapse
表单
form表单 action=“服务器地址” method=“提交的方式 post/get”
input type=:button普通按钮,没什么用
input type="image" src="图片地址" 图片按钮
input type="flie" 上传按钮
label for="b"
属性选择器:
input[type="text"]{
}
disabled禁用 enabled可用 selected选中(下拉列表) checked默认选中(单选和复选)
backdrop-filter: blur(10px);模糊
HTML表格与表单样式及属性详解
本文详细介绍了HTML中的表格元素如colgroup和col的使用,以及样式属性如align和valign。同时,讲解了表单元素form、input的各种类型及其属性,包括CSS在表格和表单中的应用,如border-spacing、border-collapse等。此外,还提及了表单提交方式和禁用、选中等状态的控制方法。
1418

被折叠的 条评论
为什么被折叠?



