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实现银灰色动画效果的导航菜单代码
Sep 01 HTML / CSS
深入剖析webstorage[html5的本地数据处理]
Jul 11 HTML / CSS
HTML5 Canvas绘制文本及图片的基础教程
Mar 14 HTML / CSS
HTML5中FileReader接口使用方法实例详解
Aug 26 HTML / CSS
使用Canvas操作像素的方法
Jun 14 HTML / CSS
html5 分层屏幕适配的方法
Mar 16 HTML / CSS
HTML5 Canvas锯齿图代码实例
Apr 10 HTML / CSS
HTML5实现WebSocket协议原理浅析
Jul 07 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
HTML5 History API 实现无刷新跳转
Jan 11 HTML / CSS
HTML5本地存储和本地数据库实例详解
Sep 05 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
Apr 26 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
JScript分割字符串示例代码
2013/09/04 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014/02/12 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
基于javascript实现按圆形排列DIV元素(一)
2016/12/02 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
使用python 将图片复制到系统剪贴中
2019/12/13 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
通过实例学习Python Excel操作
2020/01/06 Python
python爬取音频下载的示例代码
2020/10/19 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
计算机系统管理员求职信
2014/06/20 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
在职证明格式样本
2015/06/15 职场文书
解除处分决定书
2015/06/25 职场文书
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers