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地图动态实例代码(圆圈向外扩散)
Jun 15 HTML / CSS
css3实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
纯CSS实现聊天框小尖角、气泡效果
Apr 04 HTML / CSS
浅析几个CSS3常用功能的写法
Jun 05 HTML / CSS
css3实现文字扫光渐变动画效果的示例
Nov 07 HTML / CSS
html5 input属性使用示例
Jun 28 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
Mar 21 HTML / CSS
html5表单及新增的改良元素详解
Jun 07 HTML / CSS
HTML5 拖放功能实现代码
Jul 14 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
Dec 21 HTML / CSS
详解h5页面在不同ios设备上的问题总结
Mar 01 HTML / CSS
Html5 webview元素定位工具的实现
Aug 07 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
destoon复制新模块的方法
2014/06/21 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
js二级地域选择的实现方法
2013/06/17 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[01:03:37]Secret vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
基于python 处理中文路径的终极解决方法
2018/04/12 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
北京大学自荐信范文
2014/01/28 职场文书
应届生自荐信范文
2014/02/21 职场文书
学校工作推荐信范文
2014/07/11 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
办公经费申请报告
2015/05/15 职场文书
首席执行官观后感
2015/06/03 职场文书
丧事答谢词大全
2015/09/30 职场文书