day04

1 表格的标题

整个表格的标题 caption 默认在表格上边水平方向处于居中位置，放在末尾最终也不会显示在下边

表格的列标题 将td换成th,th的内容默认水平垂直居中并且是加粗效果

2 表格按照数据行分组：thead 表头 tbody表体 tfoot 表尾

一个表格中thead tbody tfoot要出现就同时出现，要么就都不出现

三者出现的顺序 thead tfoot tbody

一个表格只能有一个thead tfoot，可以存在多个tbody

rules 表格的分割线 all 横向纵向分割线

rows 横向分割线 cols纵向分割线

none 默认没有 groups组分割线

组分割线与colgroup或者col连用，可以实现相邻的列合并（注意：下面的表格里没有任何的单元格合并），添加span属性，span默认值为1，默认一列是一组，span=几就是将相邻的几列合并在一起

col是没有分割线出现的，colgroup可以出现线条

3 布局标签

div和span 没有任何的自带效果

div 布局块，独占一行

span 布局结点，从左到右一排显示

4 表单的组成

表单域 form

表单控制 input select textarea 提示信息label

作用：收集用户信息

5 input的type类型

文本框 text 密码框 password

单选按钮 radio 复选框 checkbox

重置按钮 reset 提交按钮 submit

普通按钮 button 隐藏按钮 hidden

图象域 image 文件域 file

6 input的属性

type 类型

name 名称，单选按钮要想实现单选必须要有name,一组保持一致

value 默认值

palceholder 提示信息，h5新增，低版本浏览器不支持

checked 默认选中

multiple 实现多选

maxlength 最大可以输入字符数

minlength 最少可以输入字符数

disabled 禁用

size 设置大小

7 下拉菜单 select

每一条选项都是一个option

multiple 实现多选

默认情况下第一个option在页面中显示，通过selected可以设定一开始显示哪一个option

name 名称

8 textarea 多行文本域

name 名称

cols 宽度，一行显示的字符数，一个汉字代表两个字符

rows 高度，显示多少行出现滚动条

9 form 可以不写，不影响最终的显示效果，但是会影响功能，提交按钮、重置按钮不生效

name 表单名称

method 表单的提交方式和方法

值： get ：从服务器中获取数据，会将一些信息放在地址栏中，安全性低、效率高

post：向服务器上传数据，不会将信息放在地址栏中，安全性高、效率低

action： 表单的提交地址

target ：表单在哪个页面提交

10 按钮

可以作为提交按钮：直接写button当做标签，type=“submit” type="image"

button当做标签使用可以去添加其他标签，如果不当标签不可以，input的属性值是不可以添加其他标签的。