表格，表单和高级选择器

表格，表单和高级选择器

1.掌握表格的使用

1.1表格的基本语法

表格是我们在日常生活用到的非常多的一种数据表现形式。

它的结构清晰，稳定，易于管理，且使用简单。

例如：工资条，后台管理系统各种数据表，考试成绩单，简历模板。

border 边框

1.2 合并单元格-跨列合并

1.先考虑未进行合并时的行数和列数

2.找到需要合并的单元格 给其添加属性colspan(column span 跨列) 并赋值为要合并的单元格个数

3.删除逻辑上已经被合并的单元格

1.3 合并单元格-跨行合并

1.先考虑未进行合并时的行数和列数

2.找到需要合并的单元格 给其添加属性rowspan(row span 跨列) 并赋值为要合并的单元格个数

3.删除逻辑上已经被合并的单元格

2.掌握表单的使用

表单是由一系列表单元素，例如输入框，单选按钮。复选框，下拉框等组成的用于方便用户填写信息的一种数据填写方式。

2.1表单基本语法

GET POST [PUT DELETE HEAD…]

2.2 常见的表单元素

type：类型 表示input表单的类型 （默认值为text 表示文本输入框）

name:目前了解 只要你想要将此表单填写的数据传输到后台 必须要写此属性！！！

文本输入框 type= "text"

密码输入 框：type="password"输入内容将变为实心圆点

单选按钮：type = "radio"

复选框type = "checxbox"

文件 域：type = "file"可以显示出一个文件选择按钮

按钮：

普通按钮

提交按钮

图片提交按钮

重置按钮

时间输入框time = "date"

数值输入框type ="number"

列表框

文本域

注意：在使用浏览器预览我们的页面内容时 小心它自带的缓冲功能，如果发现正确更改了代码，却并没有显示出预期的效果，记得要排除此问题。Ctrl+F5强制刷新 Ctrl+Fn+F5

2.3 表单的高级应用

增强鼠标可用性的小标签

隐藏域：它不会显示出来，但是如果绑定好name和 value可以作为隐藏的数据传递。

禁用

只读

2.4数据请求

GET 和POST请求的基本区别：

GET请求方式：它在进行数据传输的时候 会采用URL地址后？+数据值对（name =value)键值对以&分隔

success.html?

username = %E6%9B&pwd=123456&gender=on&city=

POST请求方式：

它会通过请求体来传输数据 不会在地址栏显示请求数据 所以相对安全。

POST请求方式：

它会通过请求体来传输数据 不会在地址栏显示请求数据 所以相对安全。

3.掌握CSSD 的高级选择器

**选择器：**作用：选中要被设置样式的标签

基本选择器：标签，类，ID

3.1层次选择器

后代选择器
E F表示选择E选择器下的F选择器（包含后代）

子选择器

E>F表示选择E选择器下的F选择器（只会选择直接子元素）

相邻兄弟选择器

E+F表示选择E选择器 后紧挨着 的F选择器内容。

通用兄弟选择器

E~F表示选择E选择器后的所有F选择器内容。

3.2复合选择器

并集 选择器

E,F表示E和F选择器都被选中

交集选择器(小心语法)

其他选择器.类选择器/ID选择器

例如：p.div(x)

p.active

3.3属性选择器

根据属性选择内容。