html5中valid、invalid、required的定义


Posted in HTML / CSS onFebruary 21, 2014

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
无效,即当填写的内容不符合要求的时候触发。

HTML / CSS 相关文章推荐
详解CSS的border边框属性及其在CSS3中的新特性
May 10 HTML / CSS
纯css3无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
基于css3的属性transition制作菜单导航效果
Sep 01 HTML / CSS
浅谈css3中的前缀
Jul 20 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
基于HTML5的WebSocket的实例代码
Aug 15 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
Jan 07 HTML / CSS
用html5实现语音搜索框的方法
Mar 18 HTML / CSS
Html5 Geolocation获取地理位置信息实例
Dec 09 HTML / CSS
利用canvas实现图片压缩的示例代码
Jul 17 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
Aug 12 HTML / CSS
position:sticky 粘性定位的几种巧妙应用详解
Apr 24 HTML / CSS
html5实现多文件的上传示例代码
Feb 13 #HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 #HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
Jan 27 #HTML / CSS
html5画布旋转效果示例
Jan 27 #HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
Jan 24 #HTML / CSS
HTML5 canvas画图并保存成图片的jcanvas插件
Jan 17 #HTML / CSS
Html5无刷新修改browser Url的方法
Jan 15 #HTML / CSS
You might like
删除及到期域名的查看(抢域名必备哦)
2008/05/14 PHP
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
php批量修改表结构实例
2017/05/24 PHP
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
vue 避免变量赋值后双向绑定的操作
2020/11/07 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
Python中获取网页状态码的两个方法
2014/11/03 Python
Python命令行参数解析模块getopt使用实例
2015/04/13 Python
Python多进程分块读取超大文件的方法
2016/04/13 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
Django框架使用富文本编辑器Uedit的方法分析
2018/07/31 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
Python celery原理及运行流程解析
2020/06/13 Python
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
2016/04/26 HTML / CSS
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
2014年开学第一课活动方案
2014/03/06 职场文书
施工安全汇报材料
2014/08/17 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle