我爱模板网 > 特效插件 > 表单按钮 >  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>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:纯css3写的非常漂亮的登录表单 下一篇:点击弹出类似QQ登陆界面的登陆框特效
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢