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 选择器 伪类选择器介绍
Jan 21 HTML / CSS
基于CSS3实现立方体自转效果
Mar 01 HTML / CSS
几个CSS3的flex弹性盒模型布局的简单例子演示
May 12 HTML / CSS
css3通过scale()、rotate()实现放大、旋转
Mar 19 HTML / CSS
html5中canvas学习笔记2-判断浏览器是否支持canvas
Jan 06 HTML / CSS
html5指南-4.使用Geolocation实现定位功能
Jan 07 HTML / CSS
解决HTML5手机端页面缩放的问题
Oct 27 HTML / CSS
HTML5 新表单类型示例代码
Mar 20 HTML / CSS
web字体加载方案优化小结
Nov 29 HTML / CSS
html5响应式开发自动计算fontSize的方法
Jan 13 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
Dec 01 HTML / CSS
html form表单基础入门案例讲解
Jul 21 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
PHP的pcntl多进程用法实例
2015/03/19 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
php使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
Ruffy javascript 学习笔记
2009/11/30 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
使用jQuery获取data-的自定义属性
2015/11/10 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
python下载微信公众号相关文章
2019/02/26 Python
Python通过socketserver处理多个链接
2020/03/18 Python
python网络编程:socketserver的基本使用方法实例分析
2020/04/09 Python
python Canny边缘检测算法的实现
2020/04/24 Python
keras topN显示,自编写代码案例
2020/07/03 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
自我鉴定三原则
2014/01/13 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
初中政治教学反思
2016/02/23 职场文书
Golang 实现超大文件读取的两种方法
2021/04/27 Golang
HTTP中的Content-type详解
2022/01/18 HTML / CSS