html5和css3炫酷用户登录界面模板

当前位置:主页 > Html5库 > HTML5模板 > html5和css3炫酷用户登录界面模板
html5和css3炫酷用户登录界面模板
分享:

    插件介绍

    这是一款效果炫酷的html5和css3用户登录login界面效果插件。该登录界面插件带有字段非空检测,用户名或密码为空时就会弹出提示框。

    浏览器兼容性

    浏览器兼容性
    时间:2014-11-21
    阅读:

简要教程

这是一款设计的十分精美炫酷的html5和css3用户登录界面模板。

HTML

html代码十分简单。代码中使用了 font-awesome 字体图标。

<div id="loginform">
  <div id="facebook">
    <i class="fa fa-facebook"></i><div id="connect">Connect with Facebook</div></div>
    <div id="mainlogin">
    <div id="or">or</div>
    <h1>Log in with awesome new thing</h1>
    <form action="#">
      <input type="text" placeholder="username or email" value="" required>
      <input type="password" placeholder="password" value="" required>
    <button type="submit"><i class="fa fa-arrow-right"></i></button>
    </form>
    <div id="note"><a href="#">Forgot your password?</a></div>
  </div>
</div>
                

更多详细信息请参看:http://codepen.io/berdejitendra/pen/KxmvD