欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html5中valid、invalid、required的界说

发布时间:2016-12-06  编辑:杨雨个人博客网站   点击:   

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
无效,即当填写的内容不切合要求的时辰触发。 本文地址:http://itbyc.com/web/html5/14855.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1