今天看到一篇文章很有意思,把其中一小部分搬过来。
假设有如下表单HTML
你的姓名: <input type="text" name="name" required>
可以在下面表单输入框点击输入测试
CSS写法:
/*===包含required的表单===*/ /* 无效 */ input:required:invalid{ CSS代码 } /* 有效 */ input:required:valid{ CSS代码 }
参考文章(里面有更多更详细的html5的表单验证实例):http://www.the-art-of-web.com/html/html5-form-validation/