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 相关文章推荐
css3学习之2D转换功能详解
Dec 23 HTML / CSS
CSS3截取字符串实例代码【推荐】
Jun 07 HTML / CSS
css3中新增的样式使用示例附效果图
Aug 19 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
CSS3 毛玻璃效果
Aug 14 HTML / CSS
简单聊聊H5的pushState与replaceState的用法
Apr 03 HTML / CSS
HTML5中语义化 b 和 i 标签
Oct 17 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
Jun 25 HTML / CSS
html5手机端页面可以向右滑动导致样式受影响的问题
Jun 20 HTML / CSS
详解使用双缓存解决Canvas clearRect引起的闪屏问题
Apr 29 HTML / CSS
什么是css原子化,有什么用?
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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
php正则表达式学习笔记
2015/11/13 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
json简单介绍
2008/06/10 Javascript
Jquery 绑定时间实现代码
2011/05/03 Javascript
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
php与js的区别是什么
2013/08/05 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
$("").click与onclick的区别示例介绍
2014/09/25 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
微信小程序 视图容器组件的详解及实例代码
2017/01/19 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
Python set常用操作函数集锦
2017/11/15 Python
Python获取命令实时输出-原样彩色输出并返回输出结果的示例
2019/07/11 Python
Python如何使用函数做字典的值
2019/11/30 Python
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
电钳专业个人求职信
2014/01/04 职场文书
意向书范本
2014/07/29 职场文书
成本会计实训报告
2014/11/05 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
付款证明模板
2015/06/19 职场文书
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS