首页 > 编程 > HTML > 正文

html5中valid、invalid、requi!red的定义

2020-03-24 15:47:08
字体:
来源:转载
供稿:网友

  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

  无效,即

经典网名[www.la240.com/html2017/1/16/]当填写的内容不符合要求的时候触发。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表