HTML5和CSS3制作的登录表单

HTML5提供了一些新的元素可以让我们不用轻松实现实用的web表单，CSS3提供了很多新的特性，这些特性允许实现新的设计效果（比如动画、渐变等）。

    这里做了一个基于HTML5和CSS3的登录表单。实例代码使用到HTML5提供的一些表单新特性，所以你需要使用支持HTML5和CSS3的浏览器来查看。

最终效果如下图：

2011-9-21 12:22:30 上传

下载附件 (6.16 KB)

HTML5代码：

下面是这里用到的几个HTML5属性在最新规范里的解释：

CSS3代码：
这个demo里用到了CSS3的阴影渐变等效果。比如，下面的代码用来实现登录表单整个区块的box-shadow效果：