html5+css3椭圆形按钮的登录框
- 作者：网页模板
- 大小：0.005MB
- 点击次数：
- 发布时间：2014-07-12 13:12
特效介绍
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>
- 本文标签：
- html5登陆框,css3登陆框
