首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

超酷HTML5和CSS3实现的登录及其登记功能表单

2013-11-08 
超酷HTML5和CSS3实现的登录及其注册功能表单在线演示本地下载 过去我们开发登录和注册功能大都使用javascr

超酷HTML5和CSS3实现的登录及其注册功能表单
在线演示 本地下载 过去我们开发登录和注册功能大都使用javascript来实现,今天我们介绍的这个登录及其注册表单不走常人路,使用纯CSS3和HTML5来实现同样的功能。 这里我们使用CSS3的伪类:target。我们使用CSS3和图标字体。主要的想法是展示登录表单并且提供一个链接可以转向注册表单。 请大家注意这里只是一个简单的演示,不是所有的浏览器都支持:target,如果你需要在产品环境中使用,你需要使用对应的代码来处理对于老浏览器支持的fallback。 HTML 在html代码中,我们构建俩个表单并且把第二个表单隐藏。如下:[code="java"] <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4 --> Log in

Your email or username

Your password

Keep me logged in

Sign up

Your username

Your email

Your password

Please confirm your password

[/code]

热点排行