表单高级应用

*******W3C HTML5标准中，规定对于布尔类型的属性，属性值可以省略******

隐藏域，只读，禁用

只读文本框

在input里写readonly 设置好value值就好了

禁用

在要禁用的标签里写上disabled

隐藏域

在标签后面写上hidden 就隐藏了

表单的标注

增强鼠标的可用性

自动将焦点转移到与该标注相关的表单元素上

    

用户名:

    

密码:

    

    

    

        男

        女

    

层次选择器

层次选择器

后代选择器 E F E下面的所有F都会变

子选择器 E>F E子元素的F都会变

相邻兄弟选择器 E+F E的相邻的F才会变

通用兄弟选择器 E~F 和E一样的F标签都会变

结构伪类选择器

结构伪类选择器

E:first-child    E的第一个标签改变 父级里第一个子元素还要是E元素 

E:last-child    E的最后一个标签改变

E F:nth-child(n) even是偶数 odd是奇数  E下面的第几个F改变

E:first-of-type    选择父级内第一个类型为E的标签 

E:last-of-type    选择父级内最后一个类型为E的标签

    使用E F:nth-child(n)和E F:nth-of-type(n)的关键点

        E F:nth-child(n)在父级里从一个元素开始查找，不分类型

        E F:nth-of-type(n)在父级里先看类型，再看位置

    属性选择器

属性选择器

E[attr] 选择匹配具有属性attr的E元素

E[attr=val] 选择匹配具有属性attr的E元素，并且属性值为val（其中val区分大小写）

E[attr^=val] 选择匹配元素E，且E元素定义了属性attr，其属性值是以val开头的任意字符串

E[attr$=val] 选择匹配元素E，且E元素定义了属性attr，其属性值是以val结尾的任意字符串

E[attr*=val] 选择匹配元素，且E元素定义了属性attr，其属性值包含了"val",换句话说，字符串val与属性值中的任意位置相匹配

基本选择器

    标签选择器

    类选择器

    ID选择器

高级选择器

    层次选择器

    结构伪类选择器

    属性选择器