选择器--验证表单

Posted 2020-08-07 Wowo丶

 

 

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="sdfsd" id="inp"/>
    <input type="email" required="required"/>邮箱
        <input type="submit"/>
    </form>

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