9、前端开发：CSS知识总结——表格表单

表格：

表格由table定义

标签

          tr：行；

          td：单元格；

         th:表头，用法和td相同，不同的是它有默认样式
        caption：表格标题，有默认样式

table内设置

cellspacing：设置单元格之间的距离
cellpadding：设置内容与边框之间的距离

表格边框合并

①border-spacing：0px；设置表格为单边框
②border-collapse:collapse；设置表格边框合并，若和border-spacing一起使用，则border-spacing

单元格设置

rowspan：设置纵向的合并单元格
colspan：设置行向的合并单元格
注意：在设置合并单元格时，注意要删除要被合并的单元格
vertical-align：top/middle/bottom;设置单元格内容的垂直排列方向
表格结构，与书写位置无关

水平方向:

text-align:left/center/right;
垂直方向：

vertical-align:top/middle/bottom
rowspan :    合并纵向单元格
colspan :     合并行向单元格

合并单元格的注意事项:合并时多余要删掉
表格结构标签会改变内容的位置;书写位置无关

            thead:代表表格前面
            tbody:代表表格主体
            tfont:代表表格底部

创建表单关键字：form 

action:表单信息提交的地址 
 method:表示表单提交的方式 

   可选值：

post将表单数据包含在表单体发送；更加安全，所以常用与敏感数据的传递 

 get;将表单数据随着action提交的路经以？相隔的形式传输，不安全 

autocomplete:设置表单内容是否可以自动填充

    可选值：
on：默认值；可以自动填充
off：取消自动填充

自动填充的条件是 input要有name属性
target：设置跳转页面在那个页面显示

可选值：
①_blank：在新页面响应
②_self：在当前页面响应
③_parent：在父框架内响应
④_top：在窗口的整个body中

 input
type:设置类型的
常用的类型：

text(文本输入框)

password(密码)
checkbox（复选中）

radio(单选中)

button(普通的按钮)

submit(提交按钮) 
reset（重置按钮）

file(文件)

 新添加类型
date：设置日期 可以通过value设置初始日期 格式1988-02-23-->

color： 颜色设置
email：邮箱设置，提交表单时可以自动验证邮箱格式是否正确 
   novalidate:设置表单不自动验证信息格式是否正确

 button：可点击按钮
可设置
   type:reset 重置
       submit 提交
       button 按钮 
    总结一下；与input设置按钮，button设置更灵活

 标签属性

1.value 设置一个默认值
2.checked 默认选项中
3. disabled：设置不可操作的内容
4.readonly：只读属性
5.placeholder 设置提示词，注意不要和value一起用
6.required；设置一个必选项
7.minlength/ maxlength设置文本长度的限制
8.multiple:设置上传文件可以是多少

单选框要有name属性 且属性相同
labe：为了提高用户的体验感效果，通过for来选择要作用的标签：for值=作用标签的ID值-->

 <input type="button">普通 
 <input type="submit">提交 
 <input type="reset">重置
下拉框：select 里面的选项是通过option来设置的-

 textarea：设置文本域；cols设置一行有多少列 row设置多少行