html5中的伪类,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( 元素 ) 排除

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值