首页 > 特效插件 > 表单按钮 >  纯css3写的非常漂亮的登录表单正文

纯css3写的非常漂亮的登录表单

特效介绍
css3表单,css3按钮

    纯css3写的非常漂亮的登录表单,提交按钮是圆形的,input框也不是传统意义上的矩形,而是似乎被登陆按钮遮挡了一个角。
使用方法
1、在head区域引入下面的css样式:
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
2、在body引入下面的表单代码:
<form method="post" action="http://www.5imoban.net" class="login">
	<p>
	  <label for="login">Email:</label>
	  <input type="text" name="login" id="login" value="name@example.com">
	</p>
	<p>
	  <label for="password">Password:</label>
	  <input type="password" name="password" id="password" value="4815162342">
	</p>
	<p class="login-submit">
	  <button type="submit" class="login-button">Login</button>
	</p>
	<p class="forgot-password"><a href="index.html">Forgot your password?</a></p>
</form>