CSS3伪类:valid、invalid、required
来源:互联网 发布:如何在mac上切换中英文 编辑:程序博客网 时间:2024/06/10 06:53
CSS3伪类:valid、invalid、required
valid、invalid、required的使用
过去验证表单会通过js和正则去判断填写的内容是否正确,如email的验证。
HTML5的出现为我们提供一些属性,不用编写js和正则即可解决这个检验表单内容。
:required
必须,那input不能为空的意思。
:valid
有效,即当填写的内容符合要求的时候触发。
:invalid
无效,即当填写的内容不符合要求的时候触发。
valid、invalid、required的定义
/* basics */
input:required {
border: 1px solid blue;
}
input:valid {
border: 1px solid green;
}
input:invalid {
border: 1px solid red;
}
input:required {
border: 1px solid blue;
}
input:valid {
border: 1px solid green;
}
input:invalid {
border: 1px solid red;
}
DEMO
0 0
- CSS3伪类:valid、invalid、required
- css required,focus,valid和invalid介绍
- CSS3 :target 伪类
- css3 伪类选择器
- CSS3伪类target
- css3伪类选择器
- CSS3结构性伪类
- CSS3伪类选择器
- CSS3伪类选择器
- CSS3选择器--伪类
- css3伪类选择器
- CSS3伪类选择器
- CSS3 伪类、伪元素节选
- CSS3 伪元素和伪类
- CSS3 伪类和伪元素
- CSS3 伪类nth-child
- CSS3 结构性伪类选择器
- 如何使用 CSS3 伪类
- 前缀式计算
- iOS Socket理论知识
- 实现Entity,Dao,Service,Controller,JSP代码生成神器
- POJ-2665
- iOS Socket编程-C语言版(UDP)
- CSS3伪类:valid、invalid、required
- Matlab读取同一路径下多个txt或mat文件总结
- iOS Socket编程-C语言版(TCP)
- ubuntu(虚拟机)中使用minicom
- android中webview用法总结
- 解放思想
- 11.缺陷跟踪系统Mantis的用户管理
- linux目录结构详细介绍 【转】
- C语言算法的基本特征