html5+css3椭圆形按钮的登录框

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>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！