今天看到一篇文章很有意思，把其中一小部分搬过来。

假设有如下表单HTML

你的姓名: <input type="text" name="name" required>

可以在下面表单输入框点击输入测试

CSS写法：

/*===包含required的表单===*/
/* 无效 */
input:required:invalid{
    CSS代码
}
/* 有效 */
input:required:valid{
    CSS代码
}

Demo

参考文章（里面有更多更详细的html5的表单验证实例）：http://www.the-art-of-web.com/html/html5-form-validation/