html5表单和伪类

标签：

type = "email"; 自带验证格式
type = "url"; 网址 http//:
type = "tel";移动端会变成数字键盘
type = "search";输入的时候多出x ,适合移动端
type = "range"; min="最小值" max = "最大值" step = "跳动" value = "当前值";数值选择器；
type = "number" min="最小值" max = "最大值" step = "跳动"; 数字控件 ；
type = "color";颜色控件;
type = "datetime-local"; 时间控件;
type = "time" ; 时分；
type = "data" ; 年月日；
type = "week" ; 一年的第几周；
type = "month" ; 一年的第几个月；
type = "password" 密码框

表单属性
placeholder = "请输入内容"；
用伪类设置颜色 input::placeholder( color ); 注意兼容
《 autocomplete : "off/on" 提示 list = "list";
datalist id="list" 标签 > option 控制提示下拉内容 》
autofocus 页面加载完获得焦点
required 提交内容不为空
pattern = "";正则验证
formction = ""提交地址 写在submit提交按钮上
validity对象
lnvalid事件 ：验证反馈 formnovalidate属性 ： 关闭验证
属性选择器
input[ type = "submit" ]{ 样式 }
词列表 ~= ^= $= |=
div:target伪类 可以做选项卡 锚点 hash （哈希）
disabled 不可点击的表单控件
endbled 可点击的表单控件
checked 默认选中
.box~p 后面的所有元素
.box+* 相邻的一个
：first-line 第一行
：fiest-letter 第一个字
：：selection 设置点击之后背景
：not( 元素 ) 排除

html5表单和伪类

标签：

原文地址：http://www.cnblogs.com/xiaozhishang/p/4769834.html