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

假设有如下表单HTML

[html]你的姓名: <input type="text" name="name" required>
[/html]

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

CSS写法：
[css]/*===包含required的表单===*/
/* 无效 */
input:required:invalid{
CSS代码
}
/* 有效 */
input:required:valid{
CSS代码
}
[/css]

Demo

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