利用css3实现结账Form表单



19 73 25



特效描述:利用css3实现 结账 Form表单,利用css3实现结账Form表单

代码结构

1. 引入CSS

<link href="css/zzsc.css" type="text/css" rel="stylesheet">

2. 引入JS

<script src="js/html5.js"></script>

3. HTML代码

<form class="checkout" onSubmit="return false">
	<div class="checkout-header">
		<h1 class="checkout-title">Checkout <span class="checkout-price">$10</span>
		</h1>
	</div>
	<p>
	<input type="text" class="checkout-input checkout-name" placeholder="Your name" autofocus>
	<input type="text" class="checkout-input checkout-exp" placeholder="MM">
	<input type="text" class="checkout-input checkout-exp" placeholder="YY"> </p>
	<p>
	<input type="text" class="checkout-input checkout-card" placeholder="4111 1111 1111 1111">
	<input type="text" class="checkout-input checkout-cvc" placeholder="CVC">
	</p>
	<p><input type="submit" value="Purchase" class="checkout-btn"> </p>
</form>
<div style="text-align:center;clear:both"><br>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 切换按钮 表单 表单美化 表单插件 表单美化插件 文本框 text文本框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到