首页 > 代码库 > 选择器--验证表单

选择器--验证表单

 

 

1 :valid 符合验证的表单样式 :novalid 不符合验证的表单样式

:requestired  必须验证的表单的样式 :optional 没有必须验证的表单样式

 input:valid {        border:1px solid green;        }        input:invalid {        border:1px solid red;        }

  2

<form>        <input type="text" required/>         <input type="hidden" value="http://www.mamicode.com/sdfsd" id="inp"/>    <input type="email" required="required"/>邮箱        <input type="submit"/>    </form>

  3 当input标签有required验证时  不符合的边框将显示红色  符合的将显示蓝色

选择器--验证表单