码迷,mamicode.com
首页 > Web开发 > 详细

html5表单和伪类

时间:2015-08-29 22:52:59      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!