超酷HTML5和CSS3实现的登录及其登记功能表单
日期：2014-05-17 浏览次数：20612 次
超酷HTML5和CSS3实现的登录及其注册功能表单
在线演示 本地下载 过去我们开发登录和注册功能大都使用javascript来实现，今天我们介绍的这个登录及其注册表单不走常人路，使用纯CSS3和HTML5来实现同样的功能。 这里我们使用CSS3的伪类:target。我们使用CSS3和图标字体。主要的想法是展示登录表单并且提供一个链接可以转向注册表单。 请大家注意这里只是一个简单的演示，不是所有的浏览器都支持:target，如果你需要在产品环境中使用，你需要使用对应的代码来处理对于老浏览器支持的fallback。 HTML 在html代码中，我们构建俩个表单并且把第二个表单隐藏。如下： [code="java"]
在线演示 本地下载 过去我们开发登录和注册功能大都使用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 -->
[/code]
Log in
Your email or username
Your password
Keep me logged in
Not a member yet ? Join us
Sign up
Your username
Your email
Your password
Please confirm your password
Already a member ? Go and log in
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
