day9 表单和表格的补充

1. 表单的补充

(1) 单选框

 单选内容

• type为radio, 代表单选框
• 当name属性值一样时， 可以互斥
• 绑定信息 lable标签， 点击字的时候, 也能选择到圈

 for属性指向id名
    女 

• 默认选择： checked (相当于 checked='checked')
• 禁止选择： disabled

(2) 多选框

 多选内容    

• type为checkbox, 代表多选框

(3) 下拉列表

    下拉内容

• 默认选择： selected

(4) 多行文本域

• 禁止缩放

  textarea{
      resize:none;
  }

(5) 文件上传

(6) 表单字段集

    
字段集标题
    表单元素

2. 表格的补充

(1) 表格标题 caption

(2) 表格列标题 th

(3) 表格行分组 thead tbody tfoot

 表头  一般只有一组

 表体 可以有多组

 表尾 一般只有一组

(4) 加在table身上的属性

• border-spacing: 数值+px

  • 边框之间的间距

• border-collapse: collapse

  • 合并边框线，变成细线边框

• table-layout: auto(自动)/fixed(固定)

  • 设置固定后，不让表格根据内容去撑大宽度，所以有利于浏览器加快运行速度