特效介绍
html5+css3椭圆形按钮的登录框,半透明的边框,获取焦点后,输入框会发出蓝色的光。
使用方法
1、在head引入下面的代码:<link rel="stylesheet" href="css/style.css"> <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->2、在body引入下面的代码:
<section class="container"> <div class="login"> <h1>Login to Web App</h1> <form method="post" action="http://www.5imoban.net"> <p><input type="text" name="login" value="" placeholder="Username or Email"></p> <p><input type="password" name="password" value="" placeholder="Password"></p> <p class="remember_me"> <label> <input type="checkbox" name="remember_me" id="remember_me"> Remember me on this computer </label> </p> <p class="submit"><input type="submit" name="commit" value="Login"></p> </form> </div> <div class="login-help"> <p>Forgot your password? <a href="index.html">Click here to reset it</a>.</p> </div> </section>