html标签（2）

1.表格标签
基本用法
 table(border\cellspacing\cellpadding\width\height\align\bgcolor\bordercolor)
 border 边线宽度
 cellspacing 单元格外边距 ： 单元格到单元格或到表格边线的距离
 cellpadding 内边距  单元格的边线到内容距离
tr(align\valign\bgcolor\height)
  align 水平对齐
  valign:垂直对齐: top middle,bottom
  height 行高
  
td(width\height\align\valign\colspan\rowspan)
colspan 跨列 从当前单元格开始向右扩展，colspan='2' 表示当前单元格宽度占据两列宽度，多出来的单元格根据需要删除
rowspan 跨行 从当前单元格开始向下扩展，rowspan='2' 表示当前单元格宽度占据两行高度，原来单元格会自动向右移动，根据自己需要删除

th(width\height\align\valign)  和td基本相同，不过内容文字会加粗
caption 表标题
2.分帧标签
frameset(cols\rows\border\bordercolor\frameborder\noresize)
cols 将窗口水平划分为几部分
rows 将窗口垂直划分为几部分 rows='30%,*',*表示将剩余空间给最后一个窗口
border 分帧边线宽度
frameborder 是否有分帧边线，值为1（有边线）或0（无边线）
noresize 如果有这个属性就不能通过拖动改变分帧大小
frame(src\name\scrolling noresize)
src 显示内容，可以是本地文件也可以在线网页
name 窗口名字，主要用于超链接的target，
scrolling 是否显示滚动条，auto(根据内容多少，自动显示滚动条) yes no
超链接中target的值：_self,_blank,指定的窗口名,_parent(父窗口)， _top
noframes 如果浏览器不支持分帧，该标记可以

iframe(width\height\src\name\frameborder\scrolling)

3.表单

1、表单的作用：
收集用户数据，提交给服务器
2、基本使用
表单必须放到form中才能提交
每一个表单都必须有name才能提交到服务器
要有一个提交按钮
<form></form>(action,method,enctype)
 method：除了get和post外还有put，delete、link等等
 action： 提交地址
 enctype：用于文件上传，值mulpart/form-data(了解）
get和post的区别
get方式，通过url提交数据，数据量比较小，明文，不安全，一般用于请求服务器数据
post方式，数据放到请求头中，不再url中显示，数据量比较大（2G），一般用于想服务器提交数据

input属性（type\name\value\readonly\disabled)
公有属性 value、readonly\disabled
name: 名称，要提交数据，必须设置name
disabled:禁止使用，表单变灰
readonly:只读
value 默认值
1)单行文本框(maxlength\placehoder\size)
  type='text' 
  placeholder 用于提示用户输入什么数据
  maxlength: 输入字符最大个数
  size:
2)提交/重置按钮
  提交：submit
  重置：reset
3)密码框(同单行文本框)
 type='password'
4)单选框(checked)
 type='radio' 
 checked 默认选中
 记住必须设置value，否则值是on
 如果是多选一，name必须设置为一样的
 
5)复选框(checked)
  type='checkbox'
   记住必须设置value，否则值是on
如果是多选，name后面需要加[]   name='hobby[]'
checked 默认选中
6)文件上传（了解）
 type='file'
7)隐藏按钮(重要)
 type='hidden' 用于提交重要数据，但又不希望用户知道
 注意必须设置name和value
8)button （了解）
           一般配合js使用
    下拉框 select(size,name,multiple)
           size 显示的项数，有个属性后，下拉框会变成列表框
multiple 多选
      option(selected,value) 
    selected 默认选中
多行文本输入框textarea(cols,rows)
<button>提交</button> 也可以提交

label 配合radio/checkbox使用，点击文字选中
<input type='radio' name='sex'  value='男' checked id='man'> <label for='man'>男</label>