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