表格、表单

1、表格

  rowspan 纵向的合并单元格
  colspan 横向的合并单元格 

2、长表格

  可以将一个表格分成三个部分:
  头部 thead
  主体 tbody
  底部 tfoot
  th 表示头部的单元格

3、表格的样式

   border-spacing:指定边框之间的距离;边框之间虽然没有距离了,但是实际上是两条边框的和,看起来是变粗了 
   border-collapse:collapse;设置边框的合并;真正的将两条边框合并成一条边框  
   默认情况下元素在td中是垂直居中的,可以通过vectical-align来修改  
   vertical-align: middle;
   text-align: center;

  如果表格中没有使用tbody而是直接使用tr,那么浏览器会自动创建一个tbody,并且将tr全都放到tbody中
   所以说,tr不是table的子元素 
     tbody tr:nth-child(odd) {
     background-color: rgb(211, 216, 188);}
  
  border-spacing:指定边框之间的距离
  border-collapse:设置边框的合并

4、表单

  form 的属性
  action:表单要提交的服务器的地址

  input:注意:数据要提交到服务器中,必须要为元素指定一个name属性值
  文本框text
  密码框password
  提交按钮submit value
  单选框 radio  value
  多选框 checkbox value
  下拉列表 select option value
  重置 reset
  按钮 button

  
 

上一篇:js渲染表格(源代码)


下一篇:JS中设置table的tbody