2:新增表单的html属性
min/max
required:如果表单没有输入内容的情况下,禁止提交
step确定个法定值eg :3 -6-3 3 6 9
autocomplete自动提示信息 属性值 on/off
placehoIder:文本框的提示信息
autofocus:自动聚焦
pattern:属性值是一个正则表达式(高效的字符串处理规则)
novalidate:取消验证 multiple:选择 (上传)多个文件\输入框中面把逗号分隔的当作两个文件
list 属性 3:表单里而新增标签 <datalist> 必须和datalist标签结合使用,绑定的 做提示信息的必须和list属性结合使用
<datalist><option value=“”></datalist> 可以追加一个labe1属性 <output for=”关联的是要做运算的元素的id名称"><output>
css属性选择器:通过 html属性选择对应的标签 1选择符[属性名]{ }:当一个元素有当前html属性值名称则匹配成功. 2选择符[属性名=”属性值"]:属性和属性名都匹配成功才做选中 3选择符[属性~=”属性值"]:当前属性的属性值为个词列表(多个单词以空格隔开),只要有当前指定的词就能匹配.
4选择符[属性^="字符"]:当这个属性值丌头的时候被匹配(只要开头匹配就行) 5选择符[属性$="字符"]:当这个属性值结尾的时候被匹配(只要结尾匹配就行) 6选择符[属性*="字符"]:只要属性值里面包含这个宁符就能匹配 7属性值[属性|="字符"]:属性值仅有当前宇符或者以字符 - 开头的(left- con ) 结构性伪类选择器:通辻第几个查找 h2:first-child { }:迭中h2所在整个集合里由第个h2 h2: last-child { }:迭中h2所在整个集合里面最后·个h2 h2:nth-child(第儿个){}:通辻第儿个逃行査找 (第儿个) h2 :nth-last-child(倒数第几个){ } h2:only-chi1d { }:当前集合里面只有一个h2オ会被选中
h2:first-of-type { }:迭中 h2所在整个集合里的第一个h2 h2: last-of-type {. }:迭中h2所在整个集合甲面最后· 个h2 h2 :nth-of- type(第儿个){}:通辻第儿个逃行査找(第儿个) h2 :nth- last-of-type(倒数第儿个){ } h2:only-of-type { }:当前集合里而只有一个h2オ会被迭巾 息結: 分析:当前同级元素是否カ一类,如果非一类的情况下选择of-type选中
: enabled 表单元素叮用的时候执行的样式
:disabled 表单元素禁用的时候执行的样式
:checked 表单选中(单选多选按钮选中的时候)
:: selection 文本选中的时候的样式.
E**:link* * 链接伪类选择器 选择匹配的E元素,而且匹配元素被定义了超链接并木被访问过。常用于链接描点 E** :visited** 链接伪类选择器 选择匹配的E元素,而H.匹配元素被定义了超链接并已被访问过。常用于:链接描点 E**: active** 用户行为选择器 选择匹配的E元素,山匹配元素被激活。常用于链接描点和按钮上 E: **hover** 用广行为选择器 选择匹己的E元素,且用广鼠标停留在元素E上。IE6及以下卜 浏览器仅支持a :hover E: **focus ** 用户行为选择器 选择匹配的E元素,而匹配元素获取焦点