zoukankan      html  css  js  c++  java
  • css3中定义required,focus,valid和invalid样式

    css3中定义required,focus,validinvalid样式

    本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法,此方法目前只支持ie9+及ff,gg浏览器哦。

    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
    无效,即当填写的内容不符合要求的时候触发。

  • 相关阅读:
    《梦段代码》阅读笔记03
    用户场景
    冲刺!
    冲刺!
    周总结8
    冲刺!
    冲刺!
    PMS权限管理和鉴权过程
    PMS构造函数以及apk如何扫描
    PMS的学习之旅
  • 原文地址:https://www.cnblogs.com/huangf714/p/5876140.html
Copyright © 2011-2022 走看看