day07表格

96 阅读1分钟

表格:显示数据

thead 表头
tbody 标体
tfoot 表尾
[注]thead和tfoot只有一个

属性:
bordercolor:边框颜色
cellsapcing:边框与边框之间的距离
cellpadding:边框与内容之间的距离
align:水平对齐方式
valign:垂直对齐方式
colspan:列合并
rowspan:行合并

rules="groups/rows/cols/all/none"添加组分割线(写在table标签里)
    -groups和colgroup连用

表格的css属性

border-spacing:table添加,边框与边框之间的距离

border-collapse:separate(默认值,边框分开)/collapse(合并)

table-layout:auto/fixed(固定行高)

empty-cells:show/hide 单元格无内容是否显示

caption:表格标题
    -caption-side:top/bottom/left/right
    
colgroup:数据列分组标签
    -span:列数
    <col span="value" width="" align="" />
        -细化colgroup,写在colgroup里

表单的作用及使用

 type=radio 单选框,name属性必须写且值一样
 
 checkbox多选按钮
 
 textarea 多行文本输入框
     -col="文本框可见字符数"
     -rows="文本框可见行数"
     [注]默认大小可拖拽
     resize:none;设置不可拖拽
     
 file 文件上传域 
     -[注]multiple="multiple"上传多个文件
     
 image 图片域
     [注]src="图片地址" 是一个图片形式的提交按钮
     
 hidden 隐藏文本框,上传隐藏值
 
 
 select>option 下拉框>选项
 select="selected"选中

lable 关联标签

for="被关联的标签的id值"

fieldset>legend 表单字段级>表单字段级标题

在一个fieldset只有一个legend