本文主要给大家介绍如何利用html5表单与CSS3-UI实现一款不错的表单验证效果，非常不错，具有参考借鉴价值，需要的朋友参考下吧

今天继续学习Web表单相关的内容，不过今天重点落实到实战中，利用HTML5表单与CSS3-UI实现一款不错的表单效果。 效果可看下面动图： 如效果演示，我们今天就通过简单几行CSS就可实现。 主要介绍内容 1、CSS3用户接口模块中的伪类 2、自定义错误消息 正文 既然是表单，我们得有基础的表单HTML结构，下面是我创建的结构，三个表单都是必填字段，并且对于tel一栏我们设置了自定义的验证规则：必须是11位数字。 Tel: <input type=tel