首页 > 特效插件 > 表单按钮 >  html5+css3椭圆形按钮的登录框正文

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

特效介绍
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>