*******W3C HTML5标准中，规定对于布尔类型的属性，属性值可以省略******
隐藏域，只读，禁用
只读文本框
在input里写readonly 设置好value值就好了
禁用
在要禁用的标签里写上disabled
隐藏域
在标签后面写上hidden 就隐藏了
表单的标注
增强鼠标的可用性
自动将焦点转移到与该标注相关的表单元素上
<form action="" method="get">
<p>用户名:<input name="name" type="text" value="张三" readonly></p>
<p><label for="pwdId">密码:</label><input id="pwdId" name="pwd" type="password"></p>
<p><input name="userId" type="hidden" value="666"></p>
<p><input type="submit" disabled></p>
<p>
<label for="mId">男</label><input id="mId" type="radio" name="gender" value="man">
<label for="wId">女</label><input id="wId" type="radio" name="gender" value="woman">
</p>
</form>
层次选择器
后代选择器 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选择器
高级选择器
层次选择器
结构伪类选择器
属性选择器
