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实现信纸/同学录效果的示例代码
Dec 11 HTML / CSS
基于css3仿造window7的开始菜单
Jun 17 HTML / CSS
CSS3 Backgrounds属性相关介绍
May 11 HTML / CSS
利用CSS3的transform做的动态时钟效果
Sep 21 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
canvas实现圆绘制的示例代码
Sep 11 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
Jan 06 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
Jan 30 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
Apr 10 HTML / CSS
HTML5之tabindex属性全面解析
Jul 07 HTML / CSS
html2canvas截图空白问题的解决
Mar 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
11个PHP 分页脚本推荐
2011/08/15 PHP
浅析十款PHP开发框架的对比
2013/07/05 PHP
Sublime里直接运行PHP配置方法
2014/11/28 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
jQuery 使用手册(四)
2009/09/23 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
django在接受post请求时显示403forbidden实例解析
2018/01/25 Python
python实现冒泡排序算法的两种方法
2018/03/10 Python
浅析PHP与Python进行数据交互
2018/05/15 Python
Python3实现的Mysql数据库操作封装类
2018/06/06 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
10个顶级Python实用库推荐
2021/03/04 Python
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
竞选学委演讲稿
2014/09/13 职场文书
初中学习计划书范文
2014/09/15 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
内勤岗位职责
2015/02/10 职场文书
毕业欢送会致辞
2015/07/29 职场文书
Kubernetes控制节点的部署
2022/04/01 Servers