手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css3中检验表单的required,focus,valid和invalid样式
css3中检验表单的required,focus,valid和invalid样式
摘要:css3提示只适用于高级浏览器:ChromeFirefoxSafariIE9+valid、invalid、required的定义input:...

css3 提示只适用于高级浏览器:

Chrome

Firefox

Safari

IE9+

valid、invalid、required的定义

input:required, input:valid , input:invalid{border:0 none; outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}

过去验证表单会通过js和正则去判断填写的内容是否正确,如email的验证。

HTML5的出现为我们提供一些属性,不用编写js和正则即可解决这个检验表单内容。

:required

必须,那input不能为空的意思。

:valid

有效,即当填写的内容符合要求的时候触发。

:invalid

无效,即当填写的内容不符合要求的时候触发。

【css3中检验表单的required,focus,valid和invalid样式】相关文章:

css中换行的几种常用方式整理

通过position定位实现div底端对齐

CSS 控制因Html页面高度导致抖动的问题解决方法

谈谈CSS的边距合并之我的理解

div+css及其劣势引见你懂多少

文字环绕图片的布局效果

CSS实现Table单元格自动换行或不换行

css3中检验表单的required,focus,valid和invalid样式

CSS2.0手册(苏沈小雨版)

css3 线性渐变和径向渐变示例附图

精品推荐
分类导航